/* Theme Name: STARIUM ARどうぶつえん Theme URI: https://www.arzoo.jp/ Description: ARどうぶつえん公式サイト WordPress テーマ（HubSpot CMS からの移植） Author: STARIUM Co., Ltd. Version: 1.0 Text Domain: starium-theme */ /* ===================================================== 元HTML 内インラインCSS（line 29-31） ===================================================== */ a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle} /* ===================================================== 元HTML インラインCSS（HubSpot テンプレート由来）を移植 ===================================================== */ /* 1a. Containers */ /* 1b. Colors */ /* 1c. Typography */ /* 1d. Buttons */ /* 1e. Forms */ /* 1f. Icons */ /* 1g. Cards */ /* 1h. Tables */ /* 1i. Website header */ /* 1j. Website footer */ /* Drag and drop layout styles */ .dnd-section { padding: 60px 20px; } /* Padding on blog post sections */ .blog-post-section { padding: 60px 0; } /* .content-wrapper is used for blog post and system templates and .header-wrapper is used for the website header module */ .dnd-section > .row-fluid, .content-wrapper, .header__wrapper { max-width: 100%; } html { font-size: 16px; } body { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: #FFFFFF; color: #353230; font-size: 16px; } /* Paragraphs */ p { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; } /* Anchors */ a { font-weight: 400; text-decoration: underline; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; color: #199F8E; } a:hover, a:focus { font-weight: 400; text-decoration: underline; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; color: #168F7F; } a:active { font-weight: 400; text-decoration: underline; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; color: #66dfcf; } /* Headings */ h1 { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; font-size: 40px; text-transform: none; } h2 { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; font-size: 32px; text-transform: none; } h3 { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; font-size: 28px; text-transform: none; } h4 { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; font-size: 24px; text-transform: none; } h5 { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; font-size: 20px; text-transform: none; } h6 { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; font-size: 16px; text-transform: none; } /* Blockquotes */ blockquote { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; border-left-color: #F5F5F5; color: #353230; font-size: 24px; } blockquote > footer { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 16px; } /* Horizontal rules */ hr { border-bottom-color: #EEEEEE; } /* Primary button */ button, .button, .hs-button { border: 1px solid #199F8E; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: rgba(25, 159, 142, 1.0) ; border-radius: 0px; color: #ffffff; fill: #ffffff; font-size: 16px; text-transform: none; } button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .hs-button:hover, .hs-button:focus, .hs-button:active { border: 1px solid #199F8E; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: rgba(65, 82, 57, 1.0) ; color: #ffffff; fill: #ffffff; } button:active, .button:active, .hs-button:active { border: 1px solid #199F8E; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: rgba(145, 162, 137, 100); border-color: #69efde; color: #ffffff; fill: #ffffff; } /* Secondary button */ .button.button--secondary, .hs-delete-data__button, .hs-download-data__button { border: 1px solid #199F8E; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: rgba(255, 255, 255, 0.0) ; border-radius: 0px; color: #199F8E; fill: #199F8E; text-transform: none; } .button.button--secondary:hover, .button.button--secondary:focus, .button.button--secondary:active, .hs-delete-data__button:hover, .hs-delete-data__button:focus, .hs-delete-data__button:active, .hs-download-data__button:hover, .hs-download-data__button:focus, .hs-download-data__button:active { border: 1px solid #199F8E; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: rgba(25, 159, 142, 1.0) ; color: #ffffff; fill: #ffffff; } .button.button--secondary:active, .hs-delete-data__button:active, .hs-download-data__button:active { font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: rgba(105, 239, 222, 100); border: 1px solid #199F8E; border-color: #69efde; color: #ffffff; fill: #ffffff; } /* Simple button */ .button.button--simple { font-weight: 400; text-decoration: underline; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; color: #199F8E; fill: #199F8E; } .button.button--simple:hover, .button.button--simple:focus { font-weight: 400; text-decoration: underline; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; color: #168F7F; fill: #168F7F; } .button.button--simple:active { font-weight: 400; text-decoration: underline; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; color: #66dfcf; fill: #66dfcf; } /* Button sizing */ .button.button--small { padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; font-size: 14px; } .button.button--large { padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; font-size: 18px; } /* Form */ :root { --hsf-global__font-family: arial, helvetica, sans-serif; --hsf-global__font-size: 1rem; --hsf-global__color: #353230; } form { border: 1px none #F5F5F5; padding: 29px; background-color: rgba(245, 245, 245, 1.0) ; border-radius: 0px; } :root { --hsf-background__background-color: rgba(245, 245, 245, 1.0) ; --hsf-background__padding: 29px; --hsf-background__border-style: none; --hsf-background__border-color: #F5F5F5; --hsf-background__border-radius: 0px; --hsf-background__border-width: 1px; } /* Form title */ .form-title { border: 1px none #199F8E; padding: 25px; font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: rgba(25, 159, 142, 1.0) ; border-top-left-radius: 0px; border-top-right-radius: 0px; color: #ffffff; font-size: 28px; } /* Labels */ form label { padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; font-size: 16px; } :root { --hsf-field-label__font-family: arial, helvetica, sans-serif; --hsf-field-label__font-size: 16px; --hsf-field-label__color: #353230; --hsf-erroralert__font-family: var(--hsf-field-label__font-family); } /* Help text */ form legend { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; font-size: 14px; } :root { --hsf-field-description__font-family: arial, helvetica, sans-serif; --hsf-field-description__color: #353230; --hsf-field-footer__font-family: var(--hsf-field-description__font-family); --hsf-field-footer__color: var(--hsf-field-description__color); } /* Form fields */ form input[type='text'], form input[type='email'], form input[type='password'], form input[type='tel'], form input[type='number'], form input[type='search'], form select, form textarea { border: 1px none #EEEEEE; padding: 10px; font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: rgba(255, 255, 255, 1.0) ; border-radius: 0px; color: #353230; font-size: 16px; } :root { --hsf-field-input__font-family: arial, helvetica, sans-serif; --hsf-field-input__color: #353230; --hsf-field-input__background-color: rgba(255, 255, 255, 1.0) ; --hsf-field-input__border-color: #EEEEEE; --hsf-field-input__border-width: 1px; --hsf-field-input__border-style: none; --hsf-field-input__border-radius: 0px; --hsf-field-input__padding: 10px; /* Textarea */ --hsf-field-textarea__font-family: var(--hsf-field-input__font-family); --hsf-field-textarea__color: var(--hsf-field-input__color); --hsf-field-textarea__background-color: var(--hsf-field-input__background-color); --hsf-field-textarea__border-color: var(--hsf-field-input__border-color); --hsf-field-textarea__border-style: var(--hsf-field-input__border-style); --hsf-field-textarea__border-radius: var(--hsf-field-input__border-radius); --hsf-field-textarea__padding: var(--hsf-field-input__padding); /* Checkbox */ --hsf-field-checkbox__padding: 8px; --hsf-field-checkbox__background-color: var(--hsf-field-input__background-color); --hsf-field-checkbox__color: var(--hsf-field-input__color); --hsf-field-checkbox__border-color: #959494; --hsf-field-checkbox__border-width: 1px 1px 1px 1px; --hsf-field-checkbox__border-style: solid; /* Radio */ --hsf-field-radio__padding: 8px; --hsf-field-radio__background-color: var(--hsf-field-input__background-color); --hsf-field-radio__color: var(--hsf-field-input__color); --hsf-field-radio__border-color: #959494; --hsf-field-radio__border-width: 1px 1px 1px 1px; --hsf-field-radio__border-style: solid; } /* Form fields - placeholders */ ::-webkit-input-placeholder { color: #EEEEEE; } ::-moz-placeholder { color: #EEEEEE; } :-ms-input-placeholder { color: #EEEEEE; } :-moz-placeholder { color: #EEEEEE; } ::placeholder { color: #EEEEEE; } :root { --hsf-field-input__placeholder-color: #EEEEEE; } /* Form fields - date picker */ form .hs-dateinput:before { right: 10px; } form .pika-table thead th { background-color: rgba(25, 159, 142, 1.0) ; color: #ffffff; } form td.is-today .pika-button { color: #353230; } form .is-selected .pika-button { background-color: #F5F5F5; color: #353230; } form .pika-button:hover { background-color: #199F8E !important; } /* Headings and text */ form .hs-richtext, form .hs-richtext *, form .hs-richtext p, form .hs-richtext h1, form .hs-richtext h2, form .hs-richtext h3, form .hs-richtext h4, form .hs-richtext h5, form .hs-richtext h6 { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; } form .hs-richtext a { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; } :root { --hsf-heading__font-family: arial, helvetica, sans-serif; --hsf-heading__color: #353230; --hsf-heading__text-shadow: none; --hsf-richtext__font-family: arial, helvetica, sans-serif; --hsf-richtext__font-size: 1rem; --hsf-richtext__color: #353230; --hsf-field-footer__font-family: var(--hsf-field-description__font-family); --hsf-field-footer__color: var(--hsf-field-description__color); } /* GDPR */ form .legal-consent-container, form .legal-consent-container .hs-richtext, form .legal-consent-container .hs-richtext p { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; font-size: 14px; } /* Submit button */ form input[type='submit'], form .hs-button, form .hs-subscriptions-primary-button { border: 1px solid #199F8E; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: rgba(25, 159, 142, 1.0) ; border-radius: 0px; color: #ffffff; text-transform: none; } form input[type='submit']:hover, form input[type='submit']:focus, form .hs-button:hover, form .hs-button:focus, form .hs-subscriptions-primary-button:hover, form .hs-subscriptions-primary-button:focus { border: 1px solid #199F8E; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: rgba(65, 82, 57, 1.0) ; color: #ffffff; } form input[type='submit']:active, form .hs-button:active, form .hs-subscriptions-primary-button:active { border: 1px solid #199F8E; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; font-weight: 600; text-decoration: none; background-color: rgba(145, 162, 137, 100); border-color: #69efde; color: #ffffff; } :root { --hsf-button__font-family: arial, helvetica, sans-serif; --hsf-button__color: #ffffff; --hsf-button__background-color: rgba(25, 159, 142, 1.0) ; --hsf-button__background-image: none; --hsf-button__border-width: 1px; --hsf-button__border-style: solid; --hsf-button__border-color: #199F8E; --hsf-button__border-radius: 0px; --hsf-button__box-shadow: none; --hsf-button--hover__color: #ffffff; --hsf-button--hover__background-color: rgba(65, 82, 57, 1.0) ; --hsf-button--hover__border-color: #199F8E; --hsf-button--focus__color: #ffffff; --hsf-button--focus__background-color: rgba(65, 82, 57, 1.0) ; --hsf-button--focus__border-color: #199F8E; } form input[type='submit'], form .hs-button { padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; font-size: 16px; } :root { --hsf-button__font-size: 16px; --hsf-button__padding: 10px; } /* Inline thank you message */ .submitted-message { border: 1px none #F5F5F5; padding: 29px; background-color: rgba(245, 245, 245, 1.0) ; border-radius: 0px; } /* Default icon (regular/dark) */ .icon { padding: 15px; background-color: rgba(25, 159, 142, 1.0) ; } .icon svg { fill: #ffffff; height: 16px; width: 16px; } /* Light icon */ .icon--light .icon { background-color: rgba(255, 255, 255, 1.0) ; } .icon--light svg { fill: #199F8E; } /* Size */ .icon--small svg { height: 12px; width: 12px; } .icon--small .icon { padding: 10px; } .icon--large svg { height: 24px; width: 24px; } .icon--large .icon { padding: 25px; } /* Table */ table { border: 1px solid #EEEEEE; background-color: rgba(255, 255, 255, 1.0) ; } /* Table cells */ th, td { border: 1px solid #EEEEEE; padding: 10px; color: #353230; } /* Table header */ thead th, thead td { background-color: rgba(25, 159, 142, 1.0) ; color: #ffffff; } /* Table footer */ tfoot th, tfoot td { background-color: rgba(245, 245, 245, 1.0) ; color: #353230; } /* Header container */ .header { background-color: rgba(255, 255, 255, 1.0) ; } /* Header content color */ .header p, .header h1, .header h2, .header h3, .header h4, .header h5, .header h6, .header a:not(.button), .header span, .header div, .header li, .header blockquote, .header .tabs__tab, .header .tabs__tab:hover, .header .tabs__tab:focus, .header .tabs__tab:active { color: #353230; } /* Header top bar */ .header__top { background-color: rgba(245, 245, 245, 1.0) ; } /* Language switcher */ .header__language-switcher-current-label > span { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; font-size: 16px; text-transform: none; } .header__language-switcher:hover .header__language-switcher-current-label > span, .header__language-switcher:focus .header__language-switcher-current-label > span { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #000000; } .header__language-switcher-child-toggle svg { fill: #353230; } /* Language switcher - submenu */ .header__language-switcher .lang_list_class { border-color: #EEEEEE; } .header__language-switcher .lang_list_class li { background-color: rgba(255, 255, 255, 1.0) ; } .header__language-switcher .lang_list_class a:not(.button) { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; font-size: 16px; text-transform: none; } .header__language-switcher .lang_list_class a:hover, .header__language-switcher .lang_list_class a:focus { background-color: rgba(255, 255, 255, 1.0) ; color: #000000; } .header__language-switcher .lang_list_class a:active { background-color: rgba(255, 255, 255, 1.0) ; } /* Header bottom */ .header__bottom { background-color: rgba(255, 255, 255, 1.0) ; } /* Logo */ .header__logo-company-name { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; font-size: 40px; text-transform: none; } /* Menu */ @media (max-width: 767px) { .header__menu--mobile { background-color: rgba(255, 255, 255, 1.0) ; } } /* Menu items */ .header__menu-link { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 16px; text-transform: none; } @media (max-width: 767px) { .header__menu-item--depth-1 { border-top: 1px solid #EEEEEE; } } /* Menu items - top level */ .header__menu-item--depth-1 > .header__menu-link:not(.button) { color: #353230; } .header__menu-item--depth-1 > .header__menu-link:hover, .header__menu-item--depth-1 > .header__menu-link:focus { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #000000; } .header__menu-item--depth-1 > .header__menu-link:active { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #505050; } .header__menu-item--depth-1 > .header__menu-link--active-link:not(.button) { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #000000; } .header__menu-item--depth-1 .header__menu-child-toggle svg { fill: #353230; } /* Menu items - submenus */ .header__menu-submenu { background-color: rgba(255, 255, 255, 1.0) ; border-color: #EEEEEE; } .header__menu-submenu .header__menu-link:not(.button) { color: #353230; } .header__menu-submenu .header__menu-item:hover, .header__menu-submenu .header__menu-item:focus { background-color: rgba(255, 255, 255, 1.0) ; } .header__menu-submenu .header__menu-link:hover, .header__menu-submenu .header__menu-link:focus { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #000000; } .header__menu-submenu .header__menu-link:active { background-color: rgba(255, 255, 255, 1.0) ; } .header__menu-submenu .header__menu-link--active-link:not(.button) { color: ; background-color: rgba(255, 255, 255, 1.0) ; } /* Menu icons */ .header__menu-toggle svg { fill: #353230; } /* Footer container */ .footer { background-color: rgba(255, 255, 255, 1.0) ; } /* Footer content color */ .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer p, .footer a:not(.button), .footer span, .footer div, .footer li, .footer blockquote, .footer .tabs__tab, .footer .tabs__tab:hover, .footer .tabs__tab:focus, .footer .tabs__tab:active { color: #353230; } .footer hr { border-bottom-color: #353230 !important; } /* Footer menu */ .footer .hs-menu-wrapper a { font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 600; text-decoration: none; color: rgb(126,126,126); font-size: 12px; letter-spacing: 0.06em; text-transform: none; } .footer .hs-menu-wrapper a:hover, .footer .hs-menu-wrapper a:focus { font-family: 'Noto Sans JP', sans-serif; font-style: normal; font-weight: 600; text-decoration: underline; color: #1a1a1a; } .footer .hs-menu-wrapper a:active { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #505050; } .footer .hs-menu-wrapper .active > a { font-weight: bold; text-decoration: underline; font-family: arial, helvetica, sans-serif; font-style: normal; color: #000000; } /* Dark card */ .card--dark { border: 1px solid #353230; background-color: rgba(53, 50, 48, 1.0) ; border-radius: 0px; color: #ffffff; } .card--dark summary, .card--dark p, .card--dark h1, .card--dark h2, .card--dark h3, .card--dark h4, .card--dark h5, .card--dark h6, .card--dark a:not(.button), .card--dark span, .card--dark div, .card--dark li, .card--dark blockquote { color: #ffffff; } /* Light card */ .card--light { border: 1px solid #EEEEEE; background-color: rgba(255, 255, 255, 1.0) ; border-radius: 0px; color: #353230; } .card--light summary, .card--light p, .card--light h1, .card--light h2, .card--light h3, .card--light h4, .card--light h5, .card--light h6, .card--light a:not(.button), .card--light span, .card--light div, .card--light li, .card--light blockquote { color: #353230; } /* Error templates */ .error-page:before { font-weight: 400; text-decoration: none; font-family: arial, helvetica, sans-serif, sans-serif; font-style: normal; } /* System templates */ #email-prefs-form, #email-prefs-form h1, #email-prefs-form h2 { color: #353230; } /* Search template */ .hs-search-results__title { font-size: 32px; } /* Backup unsubscribe template */ .backup-unsubscribe input[type='email'] { font-size: 16px !important; padding: 10px!important; ; } /* Accordion */ .accordion__summary, .accordion__summary:before { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 24px; } .card--dark .accordion__summary:before { color: #ffffff; } .card--light .accordion__summary:before { color: #353230; } /* Blog listing, recent posts, related posts, and blog post */ .blog-listing__post-title { text-transform: none; } .blog-listing__post-title-link { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #353230; } .blog-listing__post-title-link:hover, .blog-listing__post-title-link:focus { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #000000; } .blog-listing__post-title-link:active { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #858280; } .blog-listing__post-tag { color: #353230; } .blog-listing__post-tag:hover, .blog-listing__post-tag:focus { color: #000000; } .blog-listing__post-tag:active { color: #858280; } .blog-listing__post-author-name, .blog-post__author-name { color: #353230; } .blog-listing__post-author-name :hover, .blog-listing__post-author-name :focus, .blog-post__author-name:hover, .blog-post__author-name:focus { color: #000000; } .blog-listing__post-author-name :active, .blog-post__author-name:active { color: #858280; } /* Image gallery */ .image-gallery__close-button-icon:hover, .image-gallery__close-button-icon:focus { background-color: rgba(0, 79, 62, 1.0); } .image-gallery__close-button-icon:active { background-color: rgba(105, 239, 222, 1.0); } .icon--light .image-gallery__close-button-icon:hover, .icon--light .image-gallery__close-button-icon:focus { background-color: rgba(175, 175, 175, 1.0); } .icon--light .image-gallery__close-button-icon:active { background-color: rgba(255, 255, 255, 1.0); } /* Pagination */ .pagination__link-icon svg { fill: #199F8E; height: 16px; width: 16px; } .pagination__link:hover .pagination__link-icon svg, .pagination__link:focus .pagination__link-icon svg { fill: #168F7F; } .pagination__link:active .pagination__link-icon svg { fill: #69efde; } .pagination__link--active { border-color: #EEEEEE } /* Pricing card */ .pricing-card__heading { background-color: #199F8E; } /* Social follow and social sharing */ .social-follow__icon:hover, .social-follow__icon:focus, .social-sharing__icon:hover, .social-sharing__icon:focus { background-color: rgba(0, 79, 62, 1.0); } .social-follow__icon:active, .social-sharing__icon:active { background-color: rgba(105, 239, 222, 1.0); } .icon--light .social-follow__icon:hover, .icon--light .social-follow__icon:focus, .icon--light .social-sharing__icon:hover, .icon--light .social-sharing__icon:focus { background-color: rgba(175, 175, 175, 1.0); } .icon--light .social-follow__icon:active, .icon--light .social-sharing__icon:active { background-color: rgba(255, 255, 255, 1.0); } /* Tabs */ .tabs__tab, .tabs__tab:hover, .tabs__tab:focus, .tabs__tab:active { border-color: #353230; color: #353230; } /* cs_metrics -- default module */ .cs-metric .cs-metric__data { font-family: arial, helvetica, sans-serif; } /* ===================================================== 元HTML 追加インラインCSS（DND hidden/responsive ルール等） ===================================================== */ #hs_cos_wrapper_header-module-1 .header__top { background-color:rgba(255,255,255,1.0); } #hs_cos_wrapper_header-module-1 .header__language-switcher-current-label>span {} #hs_cos_wrapper_header-module-1 .header__language-switcher:hover .header__language-switcher-current-label>span, #hs_cos_wrapper_header-module-1 .header__language-switcher:focus .header__language-switcher-current-label>span {} #hs_cos_wrapper_header-module-1 .header__language-switcher .lang_list_class a:hover, #hs_cos_wrapper_header-module-1 .header__language-switcher .lang_list_class a:focus {} #hs_cos_wrapper_header-module-1 .header__language-switcher .lang_list_class a:active {} #hs_cos_wrapper_header-module-1 .header__menu-link { color:#666666; font-style:normal; font-weight:bold; text-decoration:none; } #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-child-toggle svg { fill:#666666; } #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link:hover, #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link:focus { color:#199f8e; font-style:normal; font-weight:bold; text-decoration:none; } #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link:active { font-style:normal; font-weight:bold; text-decoration:none; color:#69efde; } #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link--active-link {} #hs_cos_wrapper_header-module-1 .header__menu-submenu .header__menu-link:hover, #hs_cos_wrapper_header-module-1 .header__menu-submenu .header__menu-link:focus {} #hs_cos_wrapper_header-module-1 .button { background-color:rgba(65,195,225,1.0); border:0px none; border-radius:15px; } #hs_cos_wrapper_header-module-1 .button:hover, #hs_cos_wrapper_header-module-1 .button:focus { background-color: transparent; } #hs_cos_wrapper_header-module-1 .button:active { background-color: transparent; } #hs_cos_wrapper_widget_1735454688594 .slider__container {} #hs_cos_wrapper_widget_1735454688594 .hs-gallery-slider-main__arrow .splide__arrow {} #hs_cos_wrapper_widget_1735454688594 .hs-gallery-slider-main__arrow .splide__arrow svg {} /* Hero: fixed viewport height, no scaling */ #hs_cos_wrapper_widget_1735454688594 .splide__slide__contents, #hs_cos_wrapper_widget_1735454688594 .splide__slide--image_caption__wrapper, #hs_cos_wrapper_widget_1735454688594 .splide__slide--image__wrapper { height: calc(100vh - 80px) !important; overflow: hidden !important; } #hs_cos_wrapper_widget_1735454688594 .splide__slide--image { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; } #hs_cos_wrapper_widget_1735454688594 .splide__pagination__page, #hs_cos_wrapper_widget_1735454688594 .splide__toggle { background:#FFFFFF !important; } #hs_cos_wrapper_widget_1735088146330 .slider__container { padding:0px; margin-top:-118px; } #hs_cos_wrapper_widget_1735088146330 .hs-gallery-slider-main__arrow .splide__arrow {} #hs_cos_wrapper_widget_1735088146330 .hs-gallery-slider-main__arrow .splide__arrow svg {} #hs_cos_wrapper_widget_1735088146330 .splide__slide--image { border-radius:0px; } #hs_cos_wrapper_widget_1735088146330 .splide__pagination__page, #hs_cos_wrapper_widget_1735088146330 .splide__toggle { background:#FFFFFF !important; } #hs_cos_wrapper_module_1727769003994 .slider__container { padding:0px; } #hs_cos_wrapper_module_1727769003994 .hs-gallery-slider-main__arrow .splide__arrow {} #hs_cos_wrapper_module_1727769003994 .hs-gallery-slider-main__arrow .splide__arrow svg {} #hs_cos_wrapper_module_1727769003994 .splide__slide--image {} #hs_cos_wrapper_module_1727769003994 .splide__slide--caption {} #hs_cos_wrapper_module_1727769003994 .hs-gallery-slider-main__arrow .splide__arrow--prev svg { transform:scaleX(1); } #hs_cos_wrapper_module_1727769003994 .hs-gallery-slider-main__arrow .splide__arrow svg { margin-top:0.25rem; } #hs_cos_wrapper_module_1727769003994 .splide__pagination__page, #hs_cos_wrapper_module_1727769003994 .splide__toggle {} #hs_cos_wrapper_module_17404749828122 .button-wrapper { text-align:CENTER; } #hs_cos_wrapper_module_17404749828122 .button { background-color:rgba(0,127,255,1.0); border:0px none; border-radius:26px; font-family:'Noto Sans JP',sans-serif; font-style:normal; font-weight:700; text-decoration:none; margin-top:10px; } #hs_cos_wrapper_module_17404749828122 .button:hover, #hs_cos_wrapper_module_17404749828122 .button:focus {} #hs_cos_wrapper_module_17404749828122 .button:active {} #hs_cos_wrapper_module_172670972797710 .slider__container { padding: 0 !important; margin-top: 0 !important; } #hs_cos_wrapper_module_172670972797710 .hs-gallery-slider-main__arrow .splide__arrow {} #hs_cos_wrapper_module_172670972797710 .hs-gallery-slider-main__arrow .splide__arrow svg {} #hs_cos_wrapper_module_172670972797710 .splide__slide--image {} #hs_cos_wrapper_module_172670972797710 .hs-gallery-slider-main__arrow .splide__arrow--prev svg { transform:scaleX(1); } #hs_cos_wrapper_module_172670972797710 .hs-gallery-slider-main__arrow .splide__arrow svg { margin-top:0.25rem; } #hs_cos_wrapper_module_172670972797710 .splide__pagination__page, #hs_cos_wrapper_module_172670972797710 .splide__toggle {} #hs_cos_wrapper_widget_1767150041516 .accordion {} #hs_cos_wrapper_widget_1767150041516 .accordion__summary { color:#002e48; font-size:22px; font-weight:bold; text-decoration:none; font-family:arial,helvetica,sans-serif; font-style:normal; } #hs_cos_wrapper_widget_1767150041516 .accordion__summary:before { color:#002e48; } #hs_cos_wrapper_widget_1767150041516 .accordion__content {} #hs_cos_wrapper_module_17671529081909 .accordion {} #hs_cos_wrapper_module_17671529081909 .accordion__summary { color:#002e48; font-size:20px; font-weight:bold; text-decoration:none; font-family:arial,helvetica,sans-serif; font-style:normal; } #hs_cos_wrapper_module_17671529081909 .accordion__summary:before { color:#002e48; } #hs_cos_wrapper_module_17671529081909 .accordion__content {} #oembed_container-module_176714995113613 .oembed_custom-thumbnail_icon svg { fill: #ffffff; } #hs_cos_wrapper_module_176714995113614 .button-wrapper { text-align:CENTER; } #hs_cos_wrapper_module_176714995113614 .button { background-color:rgba(65,195,225,1.0); border:0px none; border-radius:15px; font-size:24px; font-family:'Noto Sans JP',sans-serif; font-style:normal; font-weight:600; text-decoration:none; padding-top:5px; padding-right:52px; padding-bottom:8px; padding-left:50px; margin-top:40px; margin-bottom:20px; } #hs_cos_wrapper_module_176714995113614 .button:hover, #hs_cos_wrapper_module_176714995113614 .button:focus {} #hs_cos_wrapper_module_176714995113614 .button:active {} #oembed_container-module_174048723125414 .oembed_custom-thumbnail_icon svg { fill: #ffffff; } #hs_cos_wrapper_module_174048723125415 .button-wrapper { text-align:CENTER; } #hs_cos_wrapper_module_174048723125415 .button { background-color:rgba(65,195,225,1.0); border:0px none; border-radius:15px; font-size:24px; font-family:'Noto Sans JP',sans-serif; font-style:normal; font-weight:600; text-decoration:none; padding-top:5px; padding-right:52px; padding-bottom:8px; padding-left:50px; margin-top:40px; margin-bottom:20px; } #hs_cos_wrapper_module_174048723125415 .button:hover, #hs_cos_wrapper_module_174048723125415 .button:focus {} #hs_cos_wrapper_module_174048723125415 .button:active {} #hs_cos_wrapper_module_17377028250885 .testimonial { background-color: transparent; border:4px double #000077; padding-top:16px; padding-right:14px; padding-bottom:16px; padding-left:20px; } #hs_cos_wrapper_module_17377028250885 .testimonial__author-image { border-radius:13px; } #hs_cos_wrapper_widget_1737704305080 .list { list-style:none; padding-left:0; } #hs_cos_wrapper_widget_1737704305080 .list__item { align-items:center; display:flex; width:100%; } #hs_cos_wrapper_widget_1737704305080 .list__item {} #hs_cos_wrapper_widget_1737704305080 .list__icon {} #hs_cos_wrapper_widget_1737704305080 .list__icon svg { height:23px; width:23px; } #hs_cos_wrapper_module_17404902209584 .button-wrapper { text-align:CENTER; } #hs_cos_wrapper_module_17404902209584 .button { background-color:rgba(65,195,225,1.0); border:0px none; border-radius:15px; font-size:22px; font-family:'Noto Sans JP',sans-serif; font-style:normal; font-weight:600; text-decoration:none; padding-top:10px; padding-right:32px; padding-bottom:14px; padding-left:30px; margin-top:40px; margin-bottom:20px; } #hs_cos_wrapper_module_17404902209584 .button:hover, #hs_cos_wrapper_module_17404902209584 .button:focus {} #hs_cos_wrapper_module_17404902209584 .button:active {} #hs_cos_wrapper_module_17404904931118 .button-wrapper { text-align:CENTER; } #hs_cos_wrapper_module_17404904931118 .button { background-color:rgba(65,195,225,1.0); border:0px none; border-radius:15px; font-size:24px; font-family:'Noto Sans JP',sans-serif; font-style:normal; font-weight:600; text-decoration:none; padding-top:5px; padding-right:52px; padding-bottom:8px; padding-left:50px; margin-top:0px; margin-bottom:20px; } #hs_cos_wrapper_module_17404904931118 .button:hover, #hs_cos_wrapper_module_17404904931118 .button:focus {} #hs_cos_wrapper_module_17404904931118 .button:active {} #hs_cos_wrapper_module_17671543362208 .button-wrapper { text-align:CENTER; } #hs_cos_wrapper_module_17671543362208 .button { background-color:rgba(65,195,225,1.0); border:0px none; border-radius:15px; font-size:24px; font-family:'Noto Sans JP',sans-serif; font-style:normal; font-weight:600; text-decoration:none; padding-top:5px; padding-right:52px; padding-bottom:8px; padding-left:50px; margin-top:0px; margin-bottom:20px; } #hs_cos_wrapper_module_17671543362208 .button:hover, #hs_cos_wrapper_module_17671543362208 .button:focus {} #hs_cos_wrapper_module_17671543362208 .button:active {} #hs_cos_wrapper_footer-module-2 .social-follow { justify-content:center; gap: 20px; } #hs_cos_wrapper_footer-module-2 .social-follow__link { margin-bottom:20px; } #hs_cos_wrapper_footer-module-2 .social-follow__icon { background-color:#aadbdf; } #hs_cos_wrapper_footer-module-2 .social-follow__icon svg {} #hs_cos_wrapper_footer-module-2 .social-follow__icon:hover, #hs_cos_wrapper_footer-module-2 .social-follow__icon:focus { background-color:#45aec7; } #hs_cos_wrapper_footer-module-2 .social-follow__icon:active { background-color:#7dcadc; } #hs_cos_wrapper_footer-module-4 hr { border:0 none; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgba(0,0,0,1.0); margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; width:100%; } @font-face { font-family: "Source Serif Pro"; font-weight: 600; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Source_Serif_Pro/600.woff2") format("woff2"), url("/_hcms/googlefonts/Source_Serif_Pro/600.woff") format("woff"); } @font-face { font-family: "Source Serif Pro"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Source_Serif_Pro/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Source_Serif_Pro/regular.woff") format("woff"); } @font-face { font-family: "Source Serif Pro"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Source_Serif_Pro/700.woff2") format("woff2"), url("/_hcms/googlefonts/Source_Serif_Pro/700.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Montserrat/700.woff2") format("woff2"), url("/_hcms/googlefonts/Montserrat/700.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Montserrat/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Montserrat/regular.woff") format("woff"); } @font-face { font-family: "Montserrat"; font-weight: 600; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Montserrat/600.woff2") format("woff2"), url("/_hcms/googlefonts/Montserrat/600.woff") format("woff"); } @font-face { font-family: "Noto Sans JP"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Noto_Sans_JP/700.woff2") format("woff2"), url("/_hcms/googlefonts/Noto_Sans_JP/700.woff") format("woff"); } @font-face { font-family: "Noto Sans JP"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Noto_Sans_JP/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Noto_Sans_JP/regular.woff") format("woff"); } @font-face { font-family: "Noto Sans JP"; font-weight: 600; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Noto_Sans_JP/600.woff2") format("woff2"), url("/_hcms/googlefonts/Noto_Sans_JP/600.woff") format("woff"); } #hs_cos_wrapper_module_17354570537686 { display: block !important; padding-bottom: 0px !important; padding-top: 0px !important } #hs_cos_wrapper_module_1734762945062 { display: block !important; margin-bottom: -6px !important; margin-top: 40px !important; padding-bottom: -57px !important; padding-right: 0px !important } #hs_cos_wrapper_widget_1737609515075 { display: block !important; margin-top: 25px !important } #hs_cos_wrapper_widget_1772617613573 { display: block !important; margin-top: -105px !important; padding-top: -30px !important } #hs_cos_wrapper_module_1750667003715 { display: block !important; margin-top: 7px !important } #hs_cos_wrapper_widget_1766027163298 { display: block !important; margin-top: 2px !important; padding-bottom: 15px !important; padding-right: 0px !important; padding-top: 8px !important } #hs_cos_wrapper_module_17660270958713 { display: block !important; margin-bottom: -1px !important; margin-top: 14px !important; padding-left: 0px !important; padding-top: 0px !important } #hs_cos_wrapper_module_1737009795850 { display: block !important; margin-bottom: 0px !important; margin-top: 7px !important; padding-top: 0px !important } #hs_cos_wrapper_module_173553921075210 { display: block !important; padding-left: 0px !important } #hs_cos_wrapper_module_173553921075214 { display: block !important; margin-top: 20px !important } #hs_cos_wrapper_module_17358042545363 { display: block !important; margin-bottom: -37px !important; margin-top: -23px !important; padding-top: 12px !important } #hs_cos_wrapper_module_1766047241723 { display: block !important; margin-bottom: -37px !important; margin-top: -23px !important; padding-top: 12px !important } #hs_cos_wrapper_module_17358042545365 { display: block !important; margin-bottom: 10px !important; margin-top: 0px !important } #hs_cos_wrapper_module_17679291869113 { display: block !important; margin-top: -30px !important } #hs_cos_wrapper_widget_1766323664933 { display: block !important; padding-left: 23px !important } #hs_cos_wrapper_module_17663242190583 { display: block !important; padding-left: 23px !important } #hs_cos_wrapper_module_17663243580666 { display: block !important; padding-left: 16px !important } #hs_cos_wrapper_widget_1767423008705 { color: #002e48 !important; display: block !important; font-size: 25px !important; font-weight: bold !important } #hs_cos_wrapper_widget_1767423008705 p , #hs_cos_wrapper_widget_1767423008705 li , #hs_cos_wrapper_widget_1767423008705 span , #hs_cos_wrapper_widget_1767423008705 label , #hs_cos_wrapper_widget_1767423008705 h1 , #hs_cos_wrapper_widget_1767423008705 h2 , #hs_cos_wrapper_widget_1767423008705 h3 , #hs_cos_wrapper_widget_1767423008705 h4 , #hs_cos_wrapper_widget_1767423008705 h5 , #hs_cos_wrapper_widget_1767423008705 h6 { color: #002e48 !important; font-size: 25px !important; font-weight: bold !important } #hs_cos_wrapper_module_17674934103514 { color: #002e48 !important; display: block !important; font-size: 30px !important; font-weight: bold !important } #hs_cos_wrapper_module_17674934103514 p , #hs_cos_wrapper_module_17674934103514 li , #hs_cos_wrapper_module_17674934103514 span , #hs_cos_wrapper_module_17674934103514 label , #hs_cos_wrapper_module_17674934103514 h1 , #hs_cos_wrapper_module_17674934103514 h2 , #hs_cos_wrapper_module_17674934103514 h3 , #hs_cos_wrapper_module_17674934103514 h4 , #hs_cos_wrapper_module_17674934103514 h5 , #hs_cos_wrapper_module_17674934103514 h6 { color: #002e48 !important; font-size: 30px !important; font-weight: bold !important } #hs_cos_wrapper_module_17675193055073 { color: #002e48 !important; display: block !important; font-size: 20px !important; font-weight: bold !important } #hs_cos_wrapper_module_17675193055073 p , #hs_cos_wrapper_module_17675193055073 li , #hs_cos_wrapper_module_17675193055073 span , #hs_cos_wrapper_module_17675193055073 label , #hs_cos_wrapper_module_17675193055073 h1 , #hs_cos_wrapper_module_17675193055073 h2 , #hs_cos_wrapper_module_17675193055073 h3 , #hs_cos_wrapper_module_17675193055073 h4 , #hs_cos_wrapper_module_17675193055073 h5 , #hs_cos_wrapper_module_17675193055073 h6 { color: #002e48 !important; font-size: 20px !important; font-weight: bold !important } #hs_cos_wrapper_module_17674938273323 { color: #002e4e !important; display: block !important; font-size: 25px !important; font-weight: bold !important } #hs_cos_wrapper_module_17674938273323 p , #hs_cos_wrapper_module_17674938273323 li , #hs_cos_wrapper_module_17674938273323 span , #hs_cos_wrapper_module_17674938273323 label , #hs_cos_wrapper_module_17674938273323 h1 , #hs_cos_wrapper_module_17674938273323 h2 , #hs_cos_wrapper_module_17674938273323 h3 , #hs_cos_wrapper_module_17674938273323 h4 , #hs_cos_wrapper_module_17674938273323 h5 , #hs_cos_wrapper_module_17674938273323 h6 { color: #002e4e !important; font-size: 25px !important; font-weight: bold !important } #hs_cos_wrapper_widget_1767518914520 { display: block !important; font-family: 'Courier New', Courier, monospace !important; font-size: clamp(28px, 3.2vw, 48px) !important; font-weight: 400 !important; color: #404040 !important; letter-spacing: 0.1em !important; line-height: 1 !important; margin-bottom: 8px !important } #hs_cos_wrapper_widget_1767518914520 p , #hs_cos_wrapper_widget_1767518914520 li , #hs_cos_wrapper_widget_1767518914520 span , #hs_cos_wrapper_widget_1767518914520 label , #hs_cos_wrapper_widget_1767518914520 h1 , #hs_cos_wrapper_widget_1767518914520 h2 , #hs_cos_wrapper_widget_1767518914520 h3 , #hs_cos_wrapper_widget_1767518914520 h4 , #hs_cos_wrapper_widget_1767518914520 h5 , #hs_cos_wrapper_widget_1767518914520 h6 { font-family: 'Courier New', Courier, monospace !important; font-size: clamp(28px, 3.2vw, 48px) !important; font-weight: 400 !important; color: #404040 !important; letter-spacing: 0.1em !important } #hs_cos_wrapper_widget_1767519010978 { display: block !important; font-size: 13px !important; font-weight: 400 !important; color: rgb(126, 126, 126) !important; letter-spacing: 0.06em !important; margin-top: 8px !important } #hs_cos_wrapper_widget_1767519010978 p , #hs_cos_wrapper_widget_1767519010978 li , #hs_cos_wrapper_widget_1767519010978 span , #hs_cos_wrapper_widget_1767519010978 label , #hs_cos_wrapper_widget_1767519010978 h1 , #hs_cos_wrapper_widget_1767519010978 h2 , #hs_cos_wrapper_widget_1767519010978 h3 , #hs_cos_wrapper_widget_1767519010978 h4 , #hs_cos_wrapper_widget_1767519010978 h5 , #hs_cos_wrapper_widget_1767519010978 h6 { font-size: 13px !important; font-weight: 400 !important; color: rgb(126, 126, 126) !important; letter-spacing: 0.06em !important } #hs_cos_wrapper_module_17674934892246 { display: block !important; margin-top: 17px !important } #hs_cos_wrapper_module_17674934892247 { display: block !important; margin-top: -17px !important } #hs_cos_wrapper_module_17674934892252 { display: block !important; margin-top: 10px !important } #hs_cos_wrapper_module_17677740037465 { display: block !important; margin-top: 10px !important } #hs_cos_wrapper_module_17677740037462 { display: block !important; margin-top: 11px !important } #hs_cos_wrapper_module_17677740037463 { display: block !important; margin-top: -7px !important } #hs_cos_wrapper_widget_1767151496329 { color: #002e4e !important; display: block !important; font-size: 27px !important; font-weight: bold !important } #hs_cos_wrapper_widget_1767151496329 p , #hs_cos_wrapper_widget_1767151496329 li , #hs_cos_wrapper_widget_1767151496329 span , #hs_cos_wrapper_widget_1767151496329 label , #hs_cos_wrapper_widget_1767151496329 h1 , #hs_cos_wrapper_widget_1767151496329 h2 , #hs_cos_wrapper_widget_1767151496329 h3 , #hs_cos_wrapper_widget_1767151496329 h4 , #hs_cos_wrapper_widget_1767151496329 h5 , #hs_cos_wrapper_widget_1767151496329 h6 { color: #002e4e !important; font-size: 27px !important; font-weight: bold !important } #hs_cos_wrapper_module_17671529081908 { color: #002e4e !important; display: block !important; font-size: 24px !important; font-weight: bold !important } #hs_cos_wrapper_module_17671529081908 p , #hs_cos_wrapper_module_17671529081908 li , #hs_cos_wrapper_module_17671529081908 span , #hs_cos_wrapper_module_17671529081908 label , #hs_cos_wrapper_module_17671529081908 h1 , #hs_cos_wrapper_module_17671529081908 h2 , #hs_cos_wrapper_module_17671529081908 h3 , #hs_cos_wrapper_module_17671529081908 h4 , #hs_cos_wrapper_module_17671529081908 h5 , #hs_cos_wrapper_module_17671529081908 h6 { color: #002e4e !important; font-size: 24px !important; font-weight: bold !important } #hs_cos_wrapper_widget_1768127133769 { display: block !important; margin-top: 25px !important; padding-left: -5px !important } #hs_cos_wrapper_widget_1768127149424 { display: block !important; margin-top: 25px !important } #hs_cos_wrapper_module_17681283207945 { display: block !important; margin-top: 25px !important; padding-left: -5px !important } #hs_cos_wrapper_module_17681283207947 { display: block !important; margin-top: 25px !important } #hs_cos_wrapper_widget_1768127180554 { display: block !important; margin-top: -40px !important } #hs_cos_wrapper_widget_1768127188457 { display: block !important; margin-top: -40px !important; padding-top: 0px !important } #hs_cos_wrapper_module_17671499511367 { display: block !important; margin-top: -25px !important } #hs_cos_wrapper_module_176714995113611 { display: block !important; margin-bottom: 50px !important; margin-top: 50px !important } #hs_cos_wrapper_module_176714995113613 { display: block !important; margin-top: 0px !important; padding-right: 0px !important; text-align: center !important } #hs_cos_wrapper_module_17404872312548 { display: block !important; margin-top: -25px !important } #hs_cos_wrapper_module_174048723125412 { display: block !important; margin-bottom: 50px !important; margin-top: 50px !important } #hs_cos_wrapper_module_174048723125414 { display: block !important; margin-top: 0px !important; padding-right: 0px !important; text-align: center !important } #hs_cos_wrapper_module_174048723125418 { display: block !important; margin-bottom: -28px !important; margin-top: -27px !important; padding-bottom: 25px !important; padding-top: 15px !important } /* YouTube section: タイトル非表示 */ #hs_cos_wrapper_module_17671499511367, #hs_cos_wrapper_module_17404872312548 { display: none !important; } /* YouTube section: 本文スタイル（FAQと同サイズ、坂東コメントと同フォント・カラー） */ #hs_cos_wrapper_module_176714995113611_ h3, #hs_cos_wrapper_module_176714995113611_ p, #hs_cos_wrapper_module_176714995113611_ span, #hs_cos_wrapper_module_174048723125412_ h3, #hs_cos_wrapper_module_174048723125412_ p, #hs_cos_wrapper_module_174048723125412_ span { font-family: 'Noto Sans JP', sans-serif !important; font-size: 13px !important; font-weight: 400 !important; color: #404040 !important; line-height: 1.9 !important; } /* YouTube iframe: 60% サイズ */ #oembed_container-module_176714995113613, #oembed_container-module_174048723125414 { max-width: 300px !important; max-height: 170px !important; } #oembed_container-module_176714995113613 .oembed_container_iframe, #oembed_container-module_174048723125414 .oembed_container_iframe { max-width: 300px !important; max-height: 170px !important; width: 300px !important; height: 169px !important; } /* YouTube section: 本文+iframe をセットでセンタリング */ .cell_1767149951136-row-1-margin > .row-fluid, .cell_17404872312542-row-1-margin > .row-fluid { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: flex-start !important; gap: 40px !important; } /* 本文カラム（:first-child で特異度を上げて幅を確定） */ .cell_1767149951136-row-1-margin > .row-fluid > .span6:first-child, .cell_17404872312542-row-1-margin > .row-fluid > .span6:first-child { float: none !important; flex: 0 0 380px !important; width: 380px !important; min-width: 0 !important; } /* iframeカラム（:last-child で特異度を上げて幅を確定） */ .cell_1767149951136-row-1-margin > .row-fluid > .span6:last-child, .cell_17404872312542-row-1-margin > .row-fluid > .span6:last-child { float: none !important; flex: 0 0 300px !important; width: 300px !important; min-width: 0 !important; } #hs_cos_wrapper_widget_1737712645449 { display: block !important; margin-top: 5px !important } #hs_cos_wrapper_module_1737713272693 { display: block !important; margin-top: 10px !important } #hs_cos_wrapper_widget_1737713921805 { display: block !important; margin-top: 10px !important } #hs_cos_wrapper_footer-module-3 { display: block !important; text-align: center !important } /* フッターメニュー均等配置 */ #hs_cos_wrapper_footer-module-3 .hs-menu-wrapper > ul { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px 32px !important; text-align: center !important; padding: 0 !important; list-style: none !important; } #hs_cos_wrapper_footer-module-3 .hs-menu-item { display: flex !important; align-items: center !important; } .header-row-0-force-full-width-section > .row-fluid { max-width: none !important; } .dnd_area-row-0-force-full-width-section > .row-fluid { max-width: none !important; } .dnd_area-row-3-force-full-width-section > .row-fluid { max-width: none !important; } .dnd_area-row-4-max-width-section-centering > .row-fluid { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .dnd_area-row-5-max-width-section-centering > .row-fluid { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .dnd_area-row-6-max-width-section-centering > .row-fluid { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .dnd_area-row-7-max-width-section-centering > .row-fluid { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .dnd_area-row-8-max-width-section-centering > .row-fluid { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .dnd_area-row-25-max-width-section-centering > .row-fluid { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .widget_1772617613573-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .widget_1772617613573-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_1750667003715-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_1750667003715-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .widget_1766027163298-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: start !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start; } .widget_1766027163298-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_173553921075210-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_173553921075210-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_173553921075214-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_173553921075214-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17679291869113-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: end !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: flex-start; } .module_17679291869113-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_173580425453614-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_173580425453614-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17679289288093-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: end !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: flex-start; } .module_17679289288093-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_173580425453612-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_173580425453612-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17663242190583-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: start !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start; } .module_17663242190583-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .widget_1766323664933-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: start !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start; } .widget_1766323664933-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17663243580666-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: start !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start; } .module_17663243580666-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .widget_1736323072517-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .widget_1736323072517-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17404909349135-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_17404909349135-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17404776981095-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_17404776981095-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .widget_1736323559632-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .widget_1736323559632-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17363237036535-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_17363237036535-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17404914289705-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_17404914289705-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17674934892252-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_17674934892252-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17674934892247-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: end !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: flex-start; } .module_17674934892247-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17677740037465-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_17677740037465-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17677740037463-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: end !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: flex-start; } .module_17677740037463-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .widget_1768127149424-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .widget_1768127149424-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .widget_1768127133769-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .widget_1768127133769-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17681283207947-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_17681283207947-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17681283207945-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_17681283207945-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .widget_1768127188457-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: end !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: flex-start; } .widget_1768127188457-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .widget_1768127180554-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: start !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start; } .widget_1768127180554-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .module_17377028250885-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .module_17377028250885-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .widget_1766027129155-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .widget_1766027129155-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } /* HubSpot Non-stacked Media Query Styles */ @media (min-width:768px) { .header-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_17340162683332-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17340162683332-vertical-alignment > div { flex-shrink: 0 !important; } .dnd_area-row-1-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-2-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-4-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-7-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-8-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-19-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-20-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-24-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .dnd_area-row-25-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_17277569069732-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1735457053768-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_1735457053768-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1735457053768-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_17354570537684-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17354570537684-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17277569069738-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17277569069738-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17277569069738-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1735456337408-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_1735456337408-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17272454991142-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17272454991142-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17272454991142-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1735088387514-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_1735088387514-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1727256039412-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_1727256039412-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1727256039412-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1735034500555-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_1735034500555-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1737622374825-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_17726176137622-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17726176137622-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1772617613760-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_1772617613760-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17408934112662-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17408934112662-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17408934112662-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_17408934112665-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_17408934112665-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17408934112665-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_17408934112668-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17408934112668-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17408934112668-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1750667003714-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: start !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cell_1750667003714-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17267097279776-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17267097279776-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17355392107522-row-1-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1766027095871-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_1766027095871-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1766027163525-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_1766027163525-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1766324219058-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_1766324219058-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1737707332270-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_1737707332270-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17663243580662-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17663243580662-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17267106621173-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17267106621173-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17267106621173-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1737686768179-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_1737686768179-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17671529081902-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17671529081902-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17671529081902-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_17671529081905-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17671529081905-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1767149951136-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_1767149951136-vertical-alignment > div { flex-shrink: 0 !important; } .cell_1767149951136-row-1-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_17671499511369-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17671499511369-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17671499511368-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17671499511368-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17404872312542-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17404872312542-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17404872312542-row-1-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_174048723125410-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_174048723125410-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17404872312549-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17404872312549-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17404904931112-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_17404904931115-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17404904931115-vertical-alignment > div { flex-shrink: 0 !important; } .cell_17671543362202-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_17671543362205-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_17671543362205-vertical-alignment > div { flex-shrink: 0 !important; } } /* HubSpot Styles (default) */ .header-row-0-margin { margin-top: 0px !important; margin-bottom: 0px !important; } .header-row-0-padding { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 5px !important; padding-right: 5px !important; } .header-row-0-hidden { display: block !important; } .header-row-0-background-layers { background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .cell_17340162683332-padding { padding-top: 0px !important; } .header-module-1-hidden { display: block !important; } .dnd_area-row-0-padding { padding-top: 0 !important; padding-bottom: 0 !important; } .dnd_area-row-0-hidden { display: none !important; } .dnd_area-row-1-padding { padding-top: 99px !important; padding-bottom: 22px !important; } .dnd_area-row-1-hidden { display: block !important; } .dnd_area-row-2-padding { padding-top: 99px !important; padding-bottom: 29px !important; } .dnd_area-row-2-hidden { display: none !important; } .dnd_area-row-3-padding { padding-top: 0px !important; } .dnd_area-row-3-hidden { display: none !important; } .dnd_area-row-4-margin { margin-bottom: -90px !important; } .dnd_area-row-4-padding { padding-top: 0px !important; padding-bottom: -53px !important; padding-left: 0px !important; padding-right: 0px !important; } .dnd_area-row-4-hidden { display: block !important; } .dnd_area-row-5-margin { margin-top: -4px !important; margin-bottom: 0px !important; } .dnd_area-row-5-padding { padding-top: 3px !important; padding-bottom: 12px !important; padding-left: 20px !important; padding-right: 20px !important; } .dnd_area-row-5-hidden { display: block !important; } .dnd_area-row-6-margin { margin-top: 0px !important; margin-bottom: 0px !important; } .dnd_area-row-6-padding { padding-top: 3px !important; padding-bottom: 12px !important; padding-left: 20px !important; padding-right: 20px !important; } .dnd_area-row-6-hidden { display: none !important; } .dnd_area-row-7-margin { margin-bottom: -17px !important; } .dnd_area-row-7-padding { padding-bottom: 10px !important; } .dnd_area-row-8-margin { margin-bottom: -17px !important; } .dnd_area-row-8-padding { padding-bottom: 10px !important; } .dnd_area-row-8-hidden { display: none !important; } .dnd_area-row-9-padding { padding-top: 29px !important; padding-bottom: 25px !important; } .dnd_area-row-10-padding { padding-top: 29px !important; padding-bottom: 25px !important; } .dnd_area-row-10-hidden { display: none !important; } .dnd_area-row-11-padding { padding-top: 29px !important; padding-bottom: 25px !important; } .dnd_area-row-11-hidden { display: none !important; } .dnd_area-row-12-padding { padding-top: 25px !important; padding-bottom: 25px !important; } .dnd_area-row-13-margin { margin-top: 0px !important; margin-bottom: 30px !important; } .dnd_area-row-13-padding { padding-top: 29px !important; padding-bottom: 23px !important; } .dnd_area-row-14-margin { margin-top: 0px !important; margin-bottom: 30px !important; } .dnd_area-row-14-padding { padding-top: 29px !important; padding-bottom: 23px !important; } .dnd_area-row-14-hidden { display: none !important; } .dnd_area-row-15-margin { margin-top: -30px !important; } /* 坂東セクション */ .dnd_area-row-15-hidden { display: none !important; } .dnd_area-row-17-hidden, .dnd_area-row-18-hidden { background-color: #fff !important; } .dnd_area-row-16-margin { margin-top: -30px !important; } .dnd_area-row-16-hidden { display: none !important; } .dnd_area-row-17-margin { margin-top: -17px !important; } .dnd_area-row-17-padding { padding-top: 0px !important; } .dnd_area-row-17-hidden { display: block !important; padding-left: 80px !important; padding-right: 80px !important; } /* 坂東セクション(desktop): サインの下辺を写真の下辺に揃える */ .dnd_area-row-17-hidden > .row-fluid { display: flex !important; align-items: stretch !important; } .dnd_area-row-17-hidden > .row-fluid > .span6 { float: none !important; display: flex !important; flex-direction: column !important; } .dnd_area-row-17-hidden > .row-fluid > .span6:first-child > .row-fluid-wrapper:last-child { margin-top: auto !important; } /* 坂東セクション タイトル */ #hs_cos_wrapper_widget_1767518914520_ { display: block; font-family: 'Courier New', Courier, monospace !important; font-weight: 400 !important; font-size: clamp(28px, 3.2vw, 48px) !important; letter-spacing: 0.1em !important; color: #404040 !important; line-height: 1 !important; margin-bottom: 8px !important; } #hs_cos_wrapper_widget_1767519010978_ { display: block; font-size: 13px !important; font-weight: 400 !important; color: rgb(126, 126, 126) !important; letter-spacing: 0.06em !important; line-height: 1.5 !important; margin-bottom: 0 !important; } @media (max-width: 1024px) { .dnd_area-row-17-hidden { padding-left: 40px !important; padding-right: 40px !important; } } @media (max-width: 767px) { .dnd_area-row-17-hidden { padding-left: 24px !important; padding-right: 24px !important; } } .dnd_area-row-18-margin { margin-top: -17px !important; } .dnd_area-row-18-padding { padding-top: 0px !important; } .dnd_area-row-18-hidden { display: none !important; } .dnd_area-row-19-margin { margin-top: 10px !important; margin-bottom: 0px !important; } .dnd_area-row-19-padding { padding-top: 39px !important; padding-bottom: 21px !important; } .dnd_area-row-20-margin { margin-top: 10px !important; margin-bottom: 0px !important; } .dnd_area-row-20-padding { padding-top: 39px !important; padding-bottom: 21px !important; } .dnd_area-row-20-hidden { display: none !important; } .dnd_area-row-22-hidden { display: none !important; } .dnd_area-row-23-margin { margin-top: -68px !important; } .dnd_area-row-23-padding { padding-top: 26px !important; padding-left: 20px !important; } .dnd_area-row-24-margin { margin-top: 10px !important; margin-bottom: 0px !important; } .dnd_area-row-24-padding { padding-top: 39px !important; padding-bottom: 0px !important; padding-left: 80px !important; padding-right: 80px !important; } .dnd_area-row-24-background-layers { background-image: none !important; background-color: #fff !important; } .dnd_area-row-25-margin { margin-top: 10px !important; margin-bottom: 0px !important; } .dnd_area-row-25-padding { padding-top: 39px !important; padding-bottom: 0px !important; padding-left: 80px !important; padding-right: 80px !important; } .dnd_area-row-25-hidden { display: none !important; } .dnd_area-row-25-background-layers { background-image: none !important; background-color: #fff !important; } .dnd_area-row-26-padding { padding-bottom: 22px !important; } .dnd_area-row-26-hidden { display: none !important; } .dnd_area-row-27-hidden { display: block !important; } .dnd_area-row-28-hidden { display: none !important; } .dnd_area-row-29-padding { padding-top: 26px !important; padding-bottom: 20px !important; } .dnd_area-row-29-hidden { display: none !important; } .dnd_area-row-29-background-layers { background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-30-padding { padding-top: 26px !important; padding-bottom: 20px !important; } .dnd_area-row-30-hidden { display: none !important; } .dnd_area-row-30-background-layers { background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-31-margin { margin-top: -43px !important; } .dnd_area-row-31-hidden { display: none !important; } .dnd_area-row-31-background-layers { background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-32-margin { margin-top: -30px !important; } .dnd_area-row-32-padding { padding-top: 0px !important; } .dnd_area-row-32-hidden { display: block !important; } .dnd_area-row-32-background-layers { background-image: linear-gradient(rgba(240, 249, 246, 1), rgba(240, 249, 246, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-33-hidden { display: none !important; } .dnd_area-row-33-background-layers { background-image: linear-gradient(rgba(240, 249, 246, 1), rgba(240, 249, 246, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-34-padding { padding-bottom: 0px !important; } .dnd_area-row-34-hidden { display: block !important; } .cell_1735088387514-margin { margin-bottom: 2px !important; } .cell_1735088387514-padding { padding-top: -25px !important; padding-bottom: -8px !important; padding-left: 35px !important; padding-right: -20px !important; } .cell_1727256039412-margin { margin-top: -120px !important; margin-bottom: -30px !important; } .cell_1727256039412-padding { padding-top: -20px !important; padding-bottom: -120px !important; } .cell_17408934112665-margin { margin-top: -142px !important; margin-bottom: -30px !important; } .cell_17408934112665-padding { padding-top: -2px !important; padding-bottom: -120px !important; } .module_1750667003715-hidden { display: none !important; } .cell_17272442142112-padding { padding-top: 26px !important; } .module_17404749828122-hidden { display: none !important; } .cell_17355392107522-row-0-margin { margin-bottom: 22px !important; } .module_1766047241723-hidden { display: block !important; } .module_17358042545363-hidden { display: block !important; } .module_17663242190583-hidden { display: none !important; } .module_17663243580666-hidden { display: none !important; } .cell_17267106621173-row-0-margin { margin-top: -60px !important; margin-bottom: 30px !important; } .cell_1737686768179-margin { margin-top: 0px !important; margin-bottom: -96px !important; } .cell_17671529081902-row-0-margin { margin-top: -60px !important; margin-bottom: 30px !important; } .cell_17671529081905-margin { margin-top: 0px !important; margin-bottom: -96px !important; } .cell_1767149951136-row-1-margin { margin-top: -60px !important; margin-bottom: 30px !important; } .cell_17671499511369-margin { margin-top: 45px !important; } .cell_17671499511368-margin { margin-top: 0px !important; margin-bottom: -96px !important; } .cell_17404872312542-row-1-margin { margin-top: -60px !important; margin-bottom: 30px !important; } .cell_174048723125410-margin { margin-top: 45px !important; } .cell_17404872312549-margin { margin-top: 0px !important; margin-bottom: -96px !important; } .cell_1737702825088-row-0-margin { margin-bottom: 22px !important; } .cell_17377114505096-row-0-margin { margin-bottom: 22px !important; } .cell_173771145050911-padding { padding-left: 100px !important; } .cell_173771145050910-margin { margin-bottom: 22px !important; } .cell_17404883017772-row-0-margin { margin-bottom: 22px !important; } .cell_17404883017778-margin { margin-bottom: 22px !important; } .module_17404904931117-hidden { display: block !important; } .module_17671543362207-hidden { display: block !important; } .footer-row-1-padding { padding-top: 0px !important; padding-bottom: 0px !important; } /* サブページ固有 -hidden ルール（PC デフォルト） */ /* page-supportplace.php */ .module_1766305496674-hidden { display: flex !important; } .module_176631102549314-hidden { display: flex !important; } /* HubSpot Styles (mobile) */ @media (max-width: 767px) { .header-row-0-margin { margin-top: -54px !important; margin-bottom: 0px !important; } .header-row-0-padding { padding-top: 32px !important; padding-bottom: 0px !important; } .dnd_area-row-0-margin { margin-top: -26px !important; } .dnd_area-row-0-hidden { display: block !important; } .dnd_area-row-1-margin { margin-top: 0px !important; margin-bottom: 0px !important; } .dnd_area-row-1-padding { padding-top: 0px !important; padding-bottom: 0px !important; } .dnd_area-row-1-hidden { display: block !important; } .dnd_area-row-2-margin { margin-top: 0px !important; margin-bottom: 0px !important; } .dnd_area-row-2-padding { padding-top: 80px !important; padding-bottom: 20px !important; } .dnd_area-row-2-hidden { display: block !important; } .dnd_area-row-3-margin { margin-top: -2px !important; } .dnd_area-row-3-padding { padding-top: 44px !important; } .dnd_area-row-3-hidden { display: block !important; } .dnd_area-row-4-padding { padding-top: 0px !important; padding-bottom: 0px !important; } .dnd_area-row-4-hidden { display: none !important; } .dnd_area-row-5-margin { margin-bottom: -40px !important; } .dnd_area-row-5-hidden { display: none !important; } .dnd_area-row-6-margin { margin-top: -26px !important; margin-bottom: -40px !important; } .dnd_area-row-6-padding { padding-top: 23px !important; } .dnd_area-row-6-hidden { display: block !important; } .dnd_area-row-7-hidden { display: none !important; } .dnd_area-row-8-margin { margin-top: 0px !important; } .dnd_area-row-8-hidden { display: block !important; } .dnd_area-row-9-hidden { display: none !important; } .dnd_area-row-10-hidden { display: block !important; } .dnd_area-row-11-hidden { display: block !important; } .dnd_area-row-12-hidden { display: none !important; } .dnd_area-row-13-hidden { display: none !important; } .dnd_area-row-14-hidden { display: block !important; } .dnd_area-row-15-hidden { display: none !important; } .dnd_area-row-16-margin { margin-top: -70px !important; } .dnd_area-row-16-padding { padding-top: 36px !important; } /* 坂東セクション背景色（モバイル表示行） */ .dnd_area-row-16-hidden { display: block !important; background-color: #f4f4f2 !important; } .dnd_area-row-17-hidden { display: none !important; } .dnd_area-row-18-margin { margin-top: -54px !important; } .dnd_area-row-18-hidden { display: block !important; background-color: #f4f4f2 !important; } .dnd_area-row-19-hidden { display: none !important; } .dnd_area-row-20-hidden { display: block !important; } .dnd_area-row-21-hidden { display: none !important; } .dnd_area-row-22-margin { margin-top: 35px !important; } .dnd_area-row-22-hidden { display: block !important; } .dnd_area-row-23-hidden { display: none !important; } .dnd_area-row-24-hidden { display: none !important; } .dnd_area-row-25-padding { padding-bottom: 3px !important; padding-left: 24px !important; padding-right: 24px !important; } .dnd_area-row-24-padding { padding-left: 24px !important; padding-right: 24px !important; } .dnd_area-row-25-hidden { display: block !important; } .dnd_area-row-26-hidden { display: none !important; } .dnd_area-row-27-hidden { display: none !important; } .dnd_area-row-28-hidden { display: block !important; } .dnd_area-row-29-hidden { display: none !important; } .dnd_area-row-30-hidden { display: none !important; } .dnd_area-row-32-hidden { display: none !important; } .dnd_area-row-33-margin { margin-top: -40px !important; } .dnd_area-row-33-padding { padding-top: 0px !important; } .dnd_area-row-33-hidden { display: block !important; } .cell_17277569069732-hidden { display: block !important; } .cell_17354570537684-hidden { display: flex !important; } .module_17354570537686-margin > #hs_cos_wrapper_module_17354570537686 { margin-bottom: 0px !important; } .module_17354570537686-padding > #hs_cos_wrapper_module_17354570537686 { padding-top: 0px !important; padding-bottom: -5px !important; } .module_17354570537686-hidden { display: block !important; } .cell_17277569069732-row-0-vertical-alignment > .row-fluid { display: flex !important; flex-direction: column-reverse; } .cell_1735456337408-margin { margin-bottom: 0px !important; } .cell_1735456337408-padding { padding-top: 0px !important; padding-bottom: 0px !important; } .cell_1735456337408-hidden { display: flex !important; } .widget_1736413706167-hidden { display: block !important; } .cell_17272454991142-hidden { display: flex !important; } .cell_17272454991142-row-0-hidden { display: block !important; } .widget_1737609515075-hidden { display: none !important; } .widget_1735088146330-hidden { display: none !important; } .module_1734762945062-hidden { display: none !important; } .widget_1772617613573-hidden { display: none !important; } .cell_17408934112662-hidden { display: flex !important; } .cell_17408934112662-row-0-hidden { display: block !important; } .cell_17408934112665-hidden { display: flex !important; } .cell_17408934112668-hidden { display: flex !important; } .cell_17408934112668-row-0-hidden { display: block !important; } .cell_1750667003714-hidden { display: flex !important; } .module_1750667003715-hidden { display: flex !important; } .module_1737009795850-hidden { display: none !important; } .module_173553921075210-padding > #hs_cos_wrapper_module_173553921075210 { padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .module_173553921075214-padding > #hs_cos_wrapper_module_173553921075214 { padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .module_1766047241723-margin > #hs_cos_wrapper_module_1766047241723 { margin-top: -2px !important; } .module_1766047241723-padding > #hs_cos_wrapper_module_1766047241723 { padding-top: 9px !important; padding-bottom: 26px !important; } .module_1766047241723-hidden { display: block !important; } .module_17358042545363-margin > #hs_cos_wrapper_module_17358042545363 { margin-top: -12px !important; margin-bottom: -47px !important; } .module_17358042545363-padding > #hs_cos_wrapper_module_17358042545363 { padding-top: 22px !important; padding-bottom: 26px !important; } .module_17358042545363-hidden { display: block !important; } .module_17358042545365-margin > #hs_cos_wrapper_module_17358042545365 { margin-top: -30px !important; } .module_17679291869113-margin > #hs_cos_wrapper_module_17679291869113 { margin-top: -57px !important; } .module_17679291869113-padding > #hs_cos_wrapper_module_17679291869113 { padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .module_173580425453614-padding > #hs_cos_wrapper_module_173580425453614 { padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .module_17679289288093-margin > #hs_cos_wrapper_module_17679289288093 { margin-top: -54px !important; margin-bottom: 30px !important; } .module_17679289288093-padding > #hs_cos_wrapper_module_17679289288093 { padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .module_173580425453612-padding > #hs_cos_wrapper_module_173580425453612 { padding-bottom: 20px !important; padding-left: 0px !important; padding-right: 0px !important; } .module_17663242190583-hidden { display: flex !important; } .module_17663243580666-hidden { display: flex !important; } .module_17675193055073-margin > #hs_cos_wrapper_module_17675193055073 { margin-top: -19px !important; margin-bottom: 18px !important; } .module_17674934103514-margin > #hs_cos_wrapper_module_17674934103514 { margin-top: -2px !important; margin-bottom: 18px !important; } .module_17681283207947-margin > #hs_cos_wrapper_module_17681283207947 { margin-top: 45px !important; } .module_17681283207947-padding > #hs_cos_wrapper_module_17681283207947 { padding-top: -30px !important; } .module_17681283207945-margin > #hs_cos_wrapper_module_17681283207945 { margin-top: -20px !important; } .module_174048723125412-margin > #hs_cos_wrapper_module_174048723125412 { margin-top: 83px !important; } .module_174048723125418-padding > #hs_cos_wrapper_module_174048723125418 { padding-left: -6px !important; padding-right: 64px !important; } .module_174048723125418-hidden { display: none !important; } .cell_173771145050911-padding { padding-left: 0px !important; } .module_17404904931117-hidden { display: block !important; } .module_17671543362207-hidden { display: block !important; } /* サブページ固有 -hidden ルール（SP オーバーライド） */ /* page-supportplace.php */ .module_1766305496674-hidden { display: flex !important; } .module_176631102549314-hidden { display: flex !important; } .module_176631102549318-hidden { display: block !important; } .module_176631102549324-hidden { display: flex !important; } /* page-moment.php */ .widget_1768830207674-hidden { display: none !important; } } /* 追加テキスト */ .s-txt { margin: 30px auto; text-align: left; } .s-txt h2 { font-weight: bold; margin: 2.1rem auto .7rem; } .s-txt h3 { margin: 2.1rem auto .7rem;color: #5698c6; } .s-txt p { margin: 0 auto 10px; padding: 0; } .s-txt p a { text-decoration: underline; } .s-txt p a:hover { opacity: .7; text-decoration: none; } /* リンクボタン */ .ct-link-btn { margin: 30px auto; text-align: center; } .ct-link-btn a { background: #ff008c; border-radius: 30px; box-sizing: border-box; color: #fff; display: inline-block; font-weight: bold; letter-spacing: 1px; margin: 0 auto 10px; padding: 15px 3rem; text-decoration: none; width: auto; } .ct-link-btn a:hover { opacity: .7; } @media screen and (max-width: 640px) { .ct-link-btn a { display: block; width: 100%; } } /* NAP表 */ .nap-box { box-sizing: border-box; margin: 30px auto; } .nap-box h2 { margin: 6rem auto 15px; } .nap-box table { border: 1px solid #ddd; border-collapse: collapse; box-sizing: border-box; width: 100%; } .nap-box th { background: #f9f9f9; border: 1px solid #ddd; padding: 10px; vertical-align: middle; width: 20%; } .nap-box td { border: 1px solid #ddd; padding: 10px; vertical-align: middle; width: 80%; } .nap-box ul { margin: 0 auto !important; padding: 0 !important; } .nap-box li { list-style: none !important; margin: 0 auto !important; padding: 0 !important; } @media screen and (max-width: 640px) { .nap-box th, .nap-box td { box-sizing: border-box; display: block; width: 100%; } } /* ===================================================== ヒーロー テキスト スライドインアニメーション ===================================================== */ @keyframes heroSlideInRight { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: translateX(0); } } .hero-slide-text .slide-char { display: inline-block; opacity: 0; animation: heroSlideInRight 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } /* PC / SP 表示切替ユーティリティ */ @media (max-width: 767px) { .hidden-phone { display: none !important; } } @media (min-width: 768px) { .hidden-desktop { display: none !important; } .show-for-small-only { display: none !important; } } /* ===================================================== page-support-place: PC/SP 切り替え（ページ固有スコープ） グローバルの dnd_area-row-X-hidden 定義（front-page用）を上書き 詳細度: 2クラス (0,2,0) > グローバル1クラス (0,1,0) で優先される ===================================================== */ /* PC（デフォルト）: row1=SP用→非表示 / row2=PC用→表示 / row3=SP用→非表示 */ .page-template-page-support-place-php .dnd_area-row-1-hidden { display: none !important; } .page-template-page-support-place-php .dnd_area-row-2-hidden { display: block !important; } .page-template-page-support-place-php .dnd_area-row-3-hidden { display: none !important; } /* SP（max-width: 767px）: row1=表示 / row2=非表示 / row3=表示 */ @media (max-width: 767px) { .page-template-page-support-place-php .dnd_area-row-1-hidden { display: block !important; } .page-template-page-support-place-php .dnd_area-row-2-hidden { display: none !important; } .page-template-page-support-place-php .dnd_area-row-3-hidden { display: block !important; } } /* ===== Moment ページ: Bento ヒーローセクション ===== */ .moment-bento { display: flex; gap: 8px; width: 100%; height: 80vh; padding: 8px; box-sizing: border-box; background: #fff; } .moment-bento__large { width: 60%; position: relative; overflow: hidden; border-radius: 12px; } .moment-bento__stack { width: 40%; display: flex; flex-direction: column; gap: 8px; } .moment-bento__small { flex: 1; position: relative; overflow: hidden; border-radius: 12px; } .moment-bento__large video { width: 100%; height: 100%; object-fit: cover; } .moment-bento__large img, .moment-bento__small img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; } .moment-bento__large:hover img, .moment-bento__small:hover img { transform: scale(1.05); } .moment-bento__small .moment-bento__overlay { bottom: -5mm; } .moment-bento__overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; background: linear-gradient(transparent, rgba(0,0,0,0.6)); color: white; border-radius: 0 0 12px 12px; } .moment-bento__en { font-size: 84px; font-weight: bold; color: white; line-height: 1.0; margin: 0 0 10px 0; letter-spacing: -2px; } .moment-bento__ja { font-size: 18px; color: white; margin: 0; } @media (max-width: 767px) { .moment-bento__en { font-size: 36px; } } @media (max-width: 767px) { .moment-bento { flex-direction: column; height: auto; } .moment-bento__large, .moment-bento__stack { width: 100%; } .moment-bento__large { height: 60vw; } .moment-bento__small { height: 40vw; } } /* ===== グローバルナビゲーション ===== */ .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } body { padding-top: 80px; } .header__wrapper { display: flex; align-items: center; justify-content: space-between; max-width: 100%; padding: 0 40px; height: 80px; } .header__menu--desktop { display: flex; align-items: center; } .header__menu-link { position: relative; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; color: rgb(126, 126, 126); font-size: 15px; text-decoration: none !important; margin-right: 32px; } .header__menu-link::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background: rgb(126, 126, 126); transition: width 0.3s ease; } .header__menu-link:hover { color: rgb(126, 126, 126); font-weight: 600; text-decoration: none !important; } .header__menu-link:hover::after { width: 100%; } .header__button-col { display: flex; align-items: center; } .header__button { position: relative; overflow: hidden; z-index: 0; border-radius: 999px; padding: 10px 24px; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; transition: color 0.3s ease, border-color 0.3s ease; margin-left: 12px; } .header__button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; transition: left 0.3s ease; z-index: -1; } .header__button--recruit { background: #000; color: #fff !important; border: 1px solid #000; } .header__button--recruit::before { background: #fff; } .header__button--recruit:hover::before { left: 0; } .header__button--recruit:hover { color: #000 !important; border-color: rgb(126, 126, 126); text-decoration: none !important; } .header__button--contact { background: rgb(65, 195, 225); color: #fff !important; border: 1px solid rgb(65, 195, 225); } .header__button--contact::before { background: #fff; } .header__button--contact:hover::before { left: 0; } .header__button--contact:hover { color: #000 !important; border-color: rgb(126, 126, 126); text-decoration: none !important; } @media (max-width: 767px) { .header__wrapper { padding: 0 16px; } .header__menu--desktop { display: none; } } /* ============================================ /support-place/ ページ専用スタイル (.sp-*) ============================================ */ /* ---- ページ共通 ---- */ .sp-page { font-family: 'Noto Sans JP', sans-serif; font-weight: 600; color: #080808; } /* ---- Hero ---- */ .sp-hero { position: relative; background: #fff; } .sp-hero__accent { position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #41C3E1; z-index: 2; } .sp-hero__text { position: relative; padding: 72px 80px 56px; background-color: #fff; background-image: linear-gradient(rgba(0,0,0,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.04) 1px, transparent 1px); background-size: 56px 56px; } .sp-hero__title { display: flex; flex-direction: column; line-height: 1.0; font-weight: 900; letter-spacing: -0.02em; } .sp-hero__line1 { font-size: clamp(72px, 10vw, 140px); color: #080808; } .sp-hero__line2 { font-size: clamp(72px, 10vw, 140px); } .sp-hero__of { font-style: italic; color: rgb(126, 126, 126); font-weight: 700; } .sp-hero__warmth { color: #41C3E1; } .sp-hero__photo { width: 100%; display: block; margin-left: 4px; } .sp-hero__photo img { width: 100%; height: 52vh; object-fit: cover; object-position: center 30%; display: block; } /* ---- セクション共通 ---- */ .sp-section { padding: 80px 80px 100px; background: #f4f4f2; } .sp-section__header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 40px; } .sp-section__label { font-size: 13px; color: rgb(126, 126, 126); letter-spacing: 0.04em; padding-top: 6px; } .sp-section__title-block { text-align: right; } .sp-section__en { font-size: clamp(24px, 3vw, 38px); font-weight: 800; letter-spacing: 0.1em; color: #080808; } .sp-section__ja { font-size: 13px; color: rgb(126, 126, 126); margin-top: 4px; letter-spacing: 0.04em; } .sp-rule { border: none; border-top: 1px solid #d0d0d0; margin: 0 0 60px; } /* ---- Section 01: Stats ---- */ .sp-stats { display: grid; grid-template-columns: 1fr 1fr 1fr; } .sp-stats__item { padding: 40px 48px; border-right: 1px solid #d0d0d0; } .sp-stats__item:first-child { padding-left: 0; } .sp-stats__item:last-child { border-right: none; } .sp-stats__num { font-size: clamp(64px, 8vw, 100px); font-weight: 900; color: #41C3E1; line-height: 1; display: flex; align-items: baseline; gap: 8px; } .sp-stats__unit { font-size: 18px; color: #080808; font-weight: 600; } .sp-stats__bar { width: 32px; height: 2px; background: #41C3E1; margin: 20px 0 24px; } .sp-stats__desc { font-size: 14px; color: rgb(126, 126, 126); line-height: 1.8; font-weight: 400; } /* ---- Section 02: Facilities ---- */ .sp-permanent-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #d0d0d0; margin-bottom: 0; } .sp-past-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; border-top: 1px solid #d0d0d0; } /* カード共通 */ .sp-card { padding: 40px 48px; background: #fff; border-right: 1px solid #d0d0d0; } .sp-card:last-child { border-right: none; } .sp-card--permanent:first-child { border-right: 1px solid #d0d0d0; } .sp-card--past { background: #f4f4f2; border-top: 1px solid #d0d0d0; } /* アイコン行 */ .sp-card__icon-row { display: flex; align-items: center; gap: 16px; margin-bottom: 32px; padding-bottom: 32px; border-bottom: 1px solid #e8e8e8; } .sp-card__icon-label { display: flex; flex-direction: column; gap: 4px; } .sp-card__icon-ja { font-size: 13px; color: #080808; } .sp-card__icon-en { font-size: 10px; letter-spacing: 0.1em; color: rgb(126, 126, 126); font-weight: 400; } /* バッジ */ .sp-badge { display: inline-block; font-size: 11px; letter-spacing: 0.12em; padding: 5px 14px; margin-bottom: 24px; font-weight: 600; } .sp-badge--permanent { background: #41C3E1; color: #fff; } .sp-badge--past { background: transparent; color: rgb(126, 126, 126); border: 1px solid rgb(126, 126, 126); } /* カード本体 */ .sp-card__name { font-size: clamp(20px, 2.5vw, 28px); font-weight: 700; margin-bottom: 16px; color: #080808; } .sp-card__location { font-size: 13px; color: rgb(126, 126, 126); font-weight: 400; margin-bottom: 12px; } .sp-card__since, .sp-card__visited { font-size: 12px; letter-spacing: 0.1em; color: rgb(126, 126, 126); margin-bottom: 24px; font-weight: 400; } .sp-card__since strong, .sp-card__visited strong { color: #080808; font-weight: 700; } .sp-card__since-label, .sp-card__visited-label { font-size: 10px; letter-spacing: 0.14em; } .sp-card__detail { display: inline-block; font-size: 13px; color: #080808; text-decoration: underline; letter-spacing: 0.04em; font-weight: 600; } .sp-card__detail:hover { color: #41C3E1; } /* ---- Section 03: CTA ---- */ .sp-s03 { background: #000; padding: 100px 80px 120px; position: relative; overflow: hidden; } .sp-cta__label { display: flex; align-items: center; gap: 16px; font-size: 12px; letter-spacing: 0.14em; color: rgba(255,255,255,0.5); margin-bottom: 40px; font-weight: 400; } .sp-cta__label-line { display: inline-block; width: 40px; height: 1px; background: #41C3E1; } .sp-cta__title { font-size: clamp(48px, 7vw, 96px); font-weight: 900; color: #fff; line-height: 1.0; letter-spacing: -0.01em; margin-bottom: 20px; } .sp-cta__blue { color: #41C3E1; } .sp-cta__sub { font-size: 14px; color: rgba(255,255,255,0.45); letter-spacing: 0.04em; font-weight: 400; margin-bottom: 32px; } .sp-cta__rule { border: none; border-top: 1px solid rgba(255,255,255,0.15); margin: 0 0 40px; width: 400px; } .sp-cta__desc { font-size: 15px; color: rgba(255,255,255,0.85); line-height: 2.0; font-weight: 400; margin-bottom: 48px; } .sp-cta__buttons { display: flex; align-items: center; gap: 40px; } .sp-cta__btn { display: inline-block; background: #41C3E1; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: 0.04em; padding: 18px 40px; text-decoration: none; transition: background 0.2s, color 0.2s; } .sp-cta__btn:hover { background: #fff; color: #080808; } .sp-cta__pdf { font-size: 13px; color: rgba(255,255,255,0.5); letter-spacing: 0.1em; text-decoration: none; font-weight: 400; } .sp-cta__pdf:hover { color: #fff; } .sp-cta__watermark { position: absolute; bottom: -20px; left: 60px; font-size: clamp(120px, 20vw, 240px); font-weight: 900; color: rgba(255,255,255,0.04); letter-spacing: -0.02em; pointer-events: none; user-select: none; white-space: nowrap; } /* ---- レスポンシブ ---- */ @media (max-width: 1024px) { .sp-hero__text { padding: 56px 40px 40px; } .sp-section { padding: 60px 40px 80px; } .sp-s03 { padding: 80px 40px 100px; } .sp-stats__item { padding: 32px 32px; } .sp-card { padding: 32px; } } @media (max-width: 767px) { .sp-hero__text { padding: 40px 24px 32px; } .sp-hero__photo img { height: 40vh; } .sp-section { padding: 48px 24px 64px; } .sp-s03 { padding: 64px 24px 80px; } .sp-section__header { flex-direction: column; gap: 16px; } .sp-section__title-block { text-align: left; } .sp-stats { grid-template-columns: 1fr; } .sp-stats__item { border-right: none; border-bottom: 1px solid #d0d0d0; padding: 32px 0; } .sp-stats__item:last-child { border-bottom: none; } .sp-permanent-grid { grid-template-columns: 1fr; } .sp-card--permanent { border-right: none; border-bottom: 1px solid #d0d0d0; } .sp-past-grid { grid-template-columns: 1fr; } } /* Skip link — visually hidden until focused */ .header__skip { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } .header__skip:focus { position: fixed !important; top: 0 !important; left: 0 !important; z-index: 9999 !important; width: auto !important; height: auto !important; clip: auto !important; overflow: visible !important; white-space: normal !important; background: #fff !important; color: #404040 !important; padding: 8px 16px !important; } /* ============================================ STARIUM Global Navigation (.starium-nav__*) ============================================ */ .starium-nav { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 80px !important; background: #fff !important; z-index: 1000 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 40px !important; border-bottom: 1px solid rgba(0,0,0,0.06) !important; box-shadow: none !important; } .starium-nav__logo { font-family: 'Noto Sans JP', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.18em !important; color: #1a1a1a !important; text-transform: uppercase !important; text-decoration: none !important; } .starium-nav__logo:hover { color: #1a1a1a !important; text-decoration: none !important; } .starium-nav__links { display: flex !important; align-items: center !important; gap: 36px !important; } .starium-nav__link { font-family: 'Noto Sans JP', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; color: rgb(126,126,126) !important; letter-spacing: 0.06em !important; text-decoration: none !important; transition: color 0.2s ease !important; } .starium-nav__link:hover { color: #1a1a1a !important; text-decoration: underline !important; } .starium-nav__cta { display: inline-block !important; background: #41C3E1 !important; color: #fff !important; font-family: 'Noto Sans JP', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.05em !important; padding: 11px 24px !important; border-radius: 4px !important; text-decoration: none !important; transition: opacity 0.2s ease !important; } .starium-nav__cta:hover { opacity: 0.88 !important; color: #fff !important; text-decoration: none !important; } @media (max-width: 767px) { .starium-nav { padding: 0 16px !important; } .starium-nav__links { display: none !important; } } @media (max-width: 767px) { .sp-card--past { border-right: none; } .sp-cta__title { font-size: clamp(36px, 9vw, 64px); } .sp-cta__rule { width: 100%; } .sp-cta__buttons { flex-direction: column; align-items: flex-start; gap: 24px; } .sp-cta__watermark { display: none; } } /* ===================================================== モバイル レイアウト修正（横スクロール解消） ===================================================== */ /* 横スクロール防止 */ html, body { overflow-x: hidden; max-width: 100%; } @media (max-width: 767px) { /* HubSpot グリッド: 全カラム縦積み */ .row-fluid { margin-left: 0 !important; width: 100% !important; box-sizing: border-box !important; flex-direction: column !important; } /* カラム縦積み */ .row-fluid [class*="span"] { float: none !important; width: 100% !important; margin-left: 0 !important; box-sizing: border-box !important; flex: none !important; max-width: 100% !important; } /* Splide スライダー: 幅を100%に */ .slider__container, .splide, .splide__track { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* YouTube セクション: モバイルで縦積み */ .cell_1767149951136-row-1-margin > .row-fluid, .cell_17404872312542-row-1-margin > .row-fluid { align-items: center !important; gap: 20px !important; } .cell_1767149951136-row-1-margin > .row-fluid > .span6, .cell_17404872312542-row-1-margin > .row-fluid > .span6 { width: 100% !important; max-width: 100% !important; } /* ============================================= Sacred Details セクション (dnd_area-row-16) 3カラム → モバイルで縦積みに強制 ============================================= */ html body .dnd_area-row-16-hidden .row-fluid { display: block !important; flex-direction: column !important; } html body .dnd_area-row-16-hidden .row-fluid .span4, html body .dnd_area-row-16-hidden .row-fluid .span8, html body .dnd_area-row-16-hidden .row-fluid .span12 { display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; box-sizing: border-box !important; } /* Sacred Details サインのフォントサイズをモバイルに最適化 */ html body #hs_cos_wrapper_module_17674934103514 { font-size: 18px !important; line-height: 1.5 !important; word-break: break-word !important; } /* ============================================= 坂東セクション (dnd_area-row-17) モバイルで縦積み ============================================= */ html body .dnd_area-row-17-hidden > .row-fluid { flex-direction: column !important; } html body .dnd_area-row-17-hidden > .row-fluid > .span6 { width: 100% !important; max-width: 100% !important; float: none !important; } }