プリバート｜サピックス準拠の個別指導ならPRIVATO

<!DOCTYPE html> <html lang="ja" dir="ltr" itemscope itemtype="https://schema.org/WebSite"> <head> <meta charset="utf-8">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5W43XD8');</script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5GB5CDF');</script>  <meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta content="width=device-width" name="viewport"> <meta content="telephone=no" name="format-detection"> <meta content="プリバート｜サピックス準拠の個別指導ならPRIVATO" name="title"> <meta content="サピックスグループの個別指導塾【プリバート｜PRIVATO】」です。『お子様一人ひとりの眼をみつめ』を原点に、それぞれのお子様の弱点や理解度、スケジュールに合わせ、きめ細かく的確な個別指導をしています。" name="description"> <meta content="プリバート｜サピックス準拠の個別指導ならPRIVATO" itemprop="name"> <meta content="サピックスグループの個別指導塾【プリバート｜PRIVATO】」です。『お子様一人ひとりの眼をみつめ』を原点に、それぞれのお子様の弱点や理解度、スケジュールに合わせ、きめ細かく的確な個別指導をしています。" itemprop="description"> <meta content="website" property="og:type"> <meta content="プリバート｜サピックス準拠の個別指導ならPRIVATO" property="og:title"> <meta content="サピックスグループの個別指導塾【プリバート｜PRIVATO】」です。『お子様一人ひとりの眼をみつめ』を原点に、それぞれのお子様の弱点や理解度、スケジュールに合わせ、きめ細かく的確な個別指導をしています。" property="og:description"> <meta content="https://www.privato-sapix.com/" property="og:url"> <meta content="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/images/common/OGP.png" property="og:image"> <link href='//fonts.googleapis.com' rel='preconnect dns-prefetch'> <link href='//fonts.gstatic.com' rel='preconnect dns-prefetch'> <link href='//www.google-analytics.com' rel='preconnect dns-prefetch'> <link href='//ajaxzip3.github.io' rel='preconnect dns-prefetch'>  <link rel="shortcut icon" href="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/images/common/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/images/common/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/images/common/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/images/common/favicon-16x16.png"> <link rel="manifest" href="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/images/common/site.webmanifest" crossorigin="use-credentials"> <link rel="mask-icon" href="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/images/common/safari-pinned-tab.svg" color="#003288"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <link href="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/css/all.min.css" class="async"> <link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css" class="async"> <link href="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/css/modaal.min.css" class="async"> <link href="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/css/scroll-hint.css" class="async"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;700&family=Poppins:wght@400;500;700&display=swap" class="async"> <style> @charset "UTF-8"; /* * * Copyright (c) 2016, Codia Inc. All rights reserved. * Date : 2019.08.XX * */ @media (min-width: 375px) { body { /* 375px以上 */ } } @media (min-width: 601px) { body { /* WordPress601px以上 */ } } @media (min-width: 783px) { body { /* WordPress783px以上 */ } } @media (min-width: 1000px) { body { /* タブレット以上 */ } } @media (min-width: 1160px) { body { /* PC（サイトのコンテンツ幅）以上 */ } } .module_faqList-01 > li .body .title::before, .module_faqList-01 > li .head .title::before { position: absolute; top: 0; left: 0; display: block; width: 36px; height: 36px; font-size: 18px; line-height: 36px; color: #fff; text-align: center; border-radius: 50%; } [class*=module_gallery-] ul li a::before, [class^=module_column-col] .imgLink::before, [class*=module_gallery-] ul li a::after, [class^=module_column-col] .imgLink::after { position: absolute; right: 0; bottom: 0; z-index: 10; display: block; width: 35px; height: 35px; content: ""; } [class*=module_gallery-] ul li a::before, [class^=module_column-col] .imgLink::before { background-color: #014099; } [class*=module_gallery-] ul li a::after, [class^=module_column-col] .imgLink::after { display: flex; align-items: center; justify-content: center; color: #fff; content: "\f067"; font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; } .module_category .label, .module_newsCard-01 article .body .category .label, .module_newsList-02 article .body .category .label, .module_newsList-01 article .head .category .label, .module_titleSingle .head .category .label { display: inline-block; order: 3; min-width: 70px; padding: 5px 6px; margin-right: 5px; font-size: 14px; font-weight: 500; line-height: 1em; color: #014099; text-align: center; background-color: #fff; border: 1px solid #014099; letter-spacing: calc(30 / 1000 * 1em); } .module_category .elementary.label, .module_newsCard-01 article .body .category .elementary.label, .module_newsList-02 article .body .category .elementary.label, .module_newsList-01 article .head .category .elementary.label, .module_titleSingle .head .category .elementary.label, .module_category .senior.label, .module_newsCard-01 article .body .category .senior.label, .module_newsList-02 article .body .category .senior.label, .module_newsList-01 article .head .category .senior.label, .module_titleSingle .head .category .senior.label { order: 1; color: #fff; } .module_category .elementary.label, .module_newsCard-01 article .body .category .elementary.label, .module_newsList-02 article .body .category .elementary.label, .module_newsList-01 article .head .category .elementary.label, .module_titleSingle .head .category .elementary.label { background-color: #014099; } .module_category .senior.label, .module_newsCard-01 article .body .category .senior.label, .module_newsList-02 article .body .category .senior.label, .module_newsList-01 article .head .category .senior.label, .module_titleSingle .head .category .senior.label { order: 2; background-color: #F68847; border-color: #F68847; } .module_category [class*=_senior].label, .module_newsCard-01 article .body .category [class*=_senior].label, .module_newsList-02 article .body .category [class*=_senior].label, .module_newsList-01 article .head .category [class*=_senior].label, .module_titleSingle .head .category [class*=_senior].label { order: 4; color: #F68847; border-color: #F68847; } .module_password form .mp_submit-inner, .module_button-01 { position: relative; display: block; width: auto; min-width: 240px; padding: 13px 50px; font-size: 16px; font-weight: 500; color: #014099; text-align: center; text-decoration: none; background-color: #fff; border: 1px solid #014099; transition: background-color 0.6s, color 0.6s; line-height: 2; letter-spacing: calc(50 / 1000 * 1em); } @media (min-width: 1000px) { .module_password form .mp_submit-inner, .module_button-01 { max-width: 100%; } } .module_password form ._reversed.mp_submit-inner, ._reversed.module_button-01 { background-color: #1253A4; color: #fff; border-radius: 5px; padding: 13px 65px 13px 50px; } @media (min-width: 1000px) { .module_password form ._reversed.mp_submit-inner, ._reversed.module_button-01 { min-width: 560px; padding: 18px 65px 18px 50px; } } .module_password form ._reversed.mp_submit-inner::before, ._reversed.module_button-01::before { color: #1253A4; } .module_password form ._reversed.mp_submit-inner::after, ._reversed.module_button-01::after { background-color: #fff; } .module_password form ._reversed.mp_submit-inner span::after, ._reversed.module_button-01 span::after { color: #1253A4; } .module_password form ._reversed.mp_submit-inner:hover, ._reversed.module_button-01:hover { color: #1253A4; background-color: #fff; } .module_password form ._reversed.mp_submit-inner:hover::after, ._reversed.module_button-01:hover::after { background-color: #1253A4; } .module_password form ._reversed.mp_submit-inner:hover::before, ._reversed.module_button-01:hover::before { color: #fff; } .module_password form ._reversed.mp_submit-inner:hover span::after, ._reversed.module_button-01:hover span::after { color: #fff; } .module_password form .mp_submit-inner::after, .module_button-01::after { content: ""; position: absolute; top: 50%; right: 15px; width: 23px; height: 23px; background-color: #014099; border-radius: 50%; transform: translateY(-50%); transition: 0.6s; } .module_password form .mp_submit-inner::before, .module_button-01::before { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 700; line-height: 1; position: absolute; top: 50%; right: 22px; z-index: 2; font-size: 12px; color: #fff; transform: translateY(-50%); transition: 0.6s; } .module_password form .mp_submit-inner:hover, .module_button-01:hover { color: #fff; background-color: #014099; } .module_password form .mp_submit-inner:hover::after, .module_button-01:hover::after { background-color: #fff; } .module_password form .mp_submit-inner:hover::before, .module_button-01:hover::before { color: #014099; } .module_password form .mp_submit-inner span, .module_button-01 span { display: block; } .global_header .gh_menu { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 70px; height: 70px; color: #fff; background-color: #014099; } body._open-menu .global_header .gh_menu, .global_header body._open-menu .gh_menu { background-color: #EFF2F5; } @media (min-width: 1000px) { .global_header .gh_menu { width: 80px; height: 80px; } } .global_header .gh_menu .icon { width: 100%; } .global_header .gh_menu i { width: 100%; } .global_header .gh_menu .text { display: none; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); font-size: 10px; font-family: "Poppins", sans-serif; font-weight: 700; line-height: 1em; color: #014099; display: none; } @media (min-width: 1000px) { .global_header .gh_menu .text { font-size: 12px; bottom: 18px; } } body._open-menu .global_header .gh_menu .text._close, .global_header body._open-menu .gh_menu .text._close { display: block; } .global_header .gh_menu .text._open { display: block; color: #fff; white-space: nowrap; } body._open-menu .global_header .gh_menu .text._open, .global_header body._open-menu .gh_menu .text._open { display: none; } .global_header .gh_menu .icon { position: relative; top: -13px; display: block; width: 26px; height: 3px; background-color: #fff; border-radius: 4px; transition: 0.6s; } body._open-menu .global_header .gh_menu .icon, .global_header body._open-menu .gh_menu .icon { background-color: transparent; } .global_header .gh_menu .icon::before, .global_header .gh_menu .icon::after { position: absolute; right: 0; display: block; width: 100%; height: 3px; content: ""; background-color: #fff; border-radius: 4px; transition: 0.6s; } .global_header .gh_menu .icon::before { top: -9px; } body._open-menu .global_header .gh_menu .icon::before, .global_header body._open-menu .gh_menu .icon::before { top: -5px; width: 28px; transform: rotate(45deg); background-color: #014099; } .global_header .gh_menu .icon::after { top: 9px; } body._open-menu .global_header .gh_menu .icon::after, .global_header body._open-menu .gh_menu .icon::after { top: -5px; width: 28px; transform: rotate(-45deg); background-color: #014099; } .module_search-02 .ms_from .ms_input, .module_search-01 .ms_from .ms_input, input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), select, textarea { width: 100%; height: 50px; padding: 0.5em 1em; font-size: 16px; background-color: #f0feef; border: 1px solid #f0feef; transition: border-color 0.6s, background-color 0.6s; } .module_search-02 .ms_from .ms_input:hover, .module_search-01 .ms_from .ms_input:hover, input:hover:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), select:hover, textarea:hover { background-color: #fff; border-color: #014099 !important; box-shadow: 2px 2px 2px rgba(1, 64, 153, 0.14); } .module_search-02 .ms_from .ms_input:focus, .module_search-01 .ms_from .ms_input:focus, input:focus:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), select:focus, textarea:focus { background-color: #fff; border-color: #014099 !important; box-shadow: 2px 2px 2px rgba(1, 64, 153, 0.14); } .module_search-02 .ms_from .ms_input:-webkit-autofill, .module_search-01 .ms_from .ms_input:-webkit-autofill, input:-webkit-autofill:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), select:-webkit-autofill, textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; } .module_search-02 .ms_from [readonly=readonly].ms_input, .module_search-01 .ms_from [readonly=readonly].ms_input, input[readonly=readonly]:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), select[readonly=readonly], textarea[readonly=readonly], .module_search-02 .ms_from [readonly].ms_input, .module_search-01 .ms_from [readonly].ms_input, input[readonly]:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), select[readonly], textarea[readonly], form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) .module_search-02 .ms_from .ms_input, .module_search-02 .ms_from form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) .ms_input, form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) .module_search-01 .ms_from .ms_input, .module_search-01 .ms_from form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) .ms_input, form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) select, form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) textarea { padding: 0 !important; color: #000; pointer-events: none; background-color: transparent !important; border: none !important; } .module_map, .module_movie { position: relative; width: 100%; height: 0; padding: 0 0 56.25%; overflow: hidden; } .module_map iframe, .module_movie iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } ol.module_list-01 li, ul.module_list-notes-01 li, ul.module_list-01 li { position: relative; padding-left: 30px; } ol.module_list-01 li::before, ul.module_list-notes-01 li::before, ul.module_list-01 li::before { position: absolute; content: ""; } .module_column-col1._left ol.module_list-01 li, .module_column-col1._left ul.module_list-notes-01 li, .module_column-col1._left ul.module_list-01 li { display: flex; } ol.module_list-01 li + li, ul.module_list-notes-01 li + li, ul.module_list-01 li + li { margin-top: 10px; } ol.module_list-01 li ul li:first-child, ul.module_list-notes-01 li ul li:first-child, ul.module_list-01 li ul li:first-child, ol.module_list-01 li ol li:first-child, ul.module_list-notes-01 li ol li:first-child, ul.module_list-01 li ol li:first-child { margin-top: 10px; } .module_table-01 { height: auto !important; } @media (min-width: 1000px) { .module_table-01 { width: 100% !important; } } ._class.module_table-01 tr._column th, ._class.module_table-01 tr._column td { display: inline-block; width: auto; } @media (min-width: 1000px) { ._class.module_table-01 tr._column th, ._class.module_table-01 tr._column td { display: table-cell; } } ._class.module_table-01 tr th, ._class.module_table-01 tr td { display: block; width: 100%; padding: 0; font-size: 14px; } @media (min-width: 1000px) { ._class.module_table-01 tr th, ._class.module_table-01 tr td { display: table-cell; width: auto; font-size: 14px; } } ._class.module_table-01 tr th { padding: 17px 0 0; } @media (min-width: 1000px) { ._class.module_table-01 tr th { padding: 17px 20px 17px 0; width: 100px; } } ._class.module_table-01 tr td { padding: 0 0 17px; line-height: 1.4285714286; } @media (min-width: 1000px) { ._class.module_table-01 tr td { padding: 17px 0 17px 0; width: calc(100% - 100px); } } .module_table-01 thead, .module_table-01 tbody, .module_table-01 tfoot { width: 100%; } .module_table-01 tr { border-bottom: 1px solid #DEE6F0; } .module_table-01 tr th, .module_table-01 tr td { padding: 5px; background-color: #fff; font-size: 12px; } @media (min-width: 1000px) { .module_table-01 tr th, .module_table-01 tr td { min-width: auto; font-size: 16px; padding: 17px 20px; } } .module_table-01 tr th { font-weight: 700; color: #014099; text-align: left; } .module_column-col2 { display: flex; } @media (min-width: 1000px) { .module_column-col2 { justify-content: space-between; } } .module_column-col2 img { width: 100%; } @media (min-width: 1000px) { .module_column-col2 img { width: auto; } } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { padding: 0; margin: 0; font: inherit; font-size: 100%; vertical-align: baseline; border: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ""; content: none; } table { border-spacing: 0; border-collapse: collapse; } * { box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } *:focus { outline: none; } *::before, *::after { box-sizing: border-box; } main { display: block; } hr { display: block; height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; } button { cursor: pointer; } button, fieldset, form, input, label, legend, select, textarea { padding: 0; margin: 0; font: inherit; vertical-align: baseline; border: none; border-radius: 0; outline: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, textarea { max-width: 100%; } input[type=button], input[type=reset], input[type=submit], button { cursor: pointer; } html { font-size: 10px; } body { position: relative; z-index: 0; font-size: 16px; color: #333; word-wrap: break-word; overflow-wrap: break-word; background: #fff; font-family: "Noto Sans JP", sans-serif; font-weight: 400; line-height: 1.5625; letter-spacing: calc(50 / 1000 * 1em); } body._contentFixed { position: fixed; width: 100%; height: 100%; } @media (min-width: 1000px) { body._contentFixed { position: relative; width: auto; height: auto; } } a { padding: 0; margin: 0; font: inherit; color: #1253A4; text-decoration: underline; vertical-align: baseline; background: transparent; } a:hover, a:focus, a:active { text-decoration: none; } @media (min-width: 1000px) { a[href^="tel:"] { display: inline-block; color: inherit; text-decoration: inherit; pointer-events: none; } } img { max-width: 100%; height: auto; vertical-align: top; } sup, sub { font-size: 78%; } sup { vertical-align: super; } sub { vertical-align: sub; } :-moz-placeholder-shown { color: #b2b2b2; } :placeholder-shown { color: #b2b2b2; } ::-webkit-input-placeholder { color: #b2b2b2; opacity: 1; } :-moz-placeholder { color: #b2b2b2; } ::-moz-placeholder { color: #b2b2b2; opacity: 1; } :-ms-input-placeholder { color: #b2b2b2; } ::-webkit-search-cancel-button { -webkit-appearance: none; } .clearFix::after { display: block; height: 0; clear: both; visibility: hidden; content: "."; } @media (min-width: 1000px) { ._font-sizeS { font-size: 1.2rem; } } @media (min-width: 1000px) { ._font-sizeM { font-size: 1.4rem; } } @media (min-width: 1000px) { ._font-sizeL { font-size: 1.8rem; } } ._hide { display: none !important; } ._align-right { text-align: right !important; } ._align-left { text-align: left !important; } ._align-center { text-align: center !important; } ._indent { text-indent: 1rem !important; } ._block-right { margin-right: 0 !important; margin-left: auto !important; } ._block-center { margin-right: auto !important; margin-left: auto !important; } ._block-left { margin-right: auto !important; margin-left: 0 !important; } ._font-normal { font-weight: normal !important; } ._font-bold { font-weight: bold !important; } ._text-italic { font-style: italic !important; } ._text-underline { text-decoration: underline !important; } ._text-blink { text-decoration: blink !important; } ._text-line_through { text-decoration: line-through !important; } @media (min-width: 1000px) { ._only-SP { display: none !important; } } @media (min-width: 1160px) { ._under-TB { display: none !important; } } ._over-TB { display: none !important; } @media (min-width: 1000px) { ._over-TB { display: block !important; } } ._over-PC { display: none !important; } @media (min-width: 1160px) { ._over-PC { display: block !important; } } .global_inner { position: relative; width: 100%; padding: 0 20px; transition: padding 0.6s; } @media (min-width: 1000px) { .global_inner { padding: 0 60px; margin: 0 auto; } } @media (min-width: 1000px) { .global_inner { max-width: calc(1160px + 120px); } } @media (min-width: 1000px) { .global_inner._column { display: flex; justify-content: space-between; } } body.single .global_inner._column { display: flex; flex-wrap: wrap; flex-flow: column-reverse; } @media (min-width: 1000px) { body.single .global_inner._column { display: flex; justify-content: space-between; flex-flow: row; } } body.single .global_inner._column .gc_sub { margin-top: 40px; } @media (min-width: 1000px) { body.single .global_inner._column .gc_sub { margin-top: 0; } } .content_inner { position: relative; width: 100%; padding: 0 20px; transition: padding 0.6s; } @media (min-width: 1000px) { .content_inner { padding: 0 60px; margin: 0 auto; } } @media (min-width: 1000px) { .content_inner { max-width: calc(840px + 120px); } } section { transition: padding 0.6s; } p:not([class]) + p:not([class]), p:not([class]) + p[class^=_], p:not([class]) + div.wp-caption, p[class^=_] + p:not([class]), p[class^=_] + p[class^=_], p[class^=_] + div.wp-caption, div.wp-caption + p:not([class]), div.wp-caption + p[class^=_], div.wp-caption + div.wp-caption { margin-top: 1.5em; } p:not([class]) + [class*=module_], [class*=module_] + p:not([class]), p[class^=_] + [class*=module_], [class*=module_] + p[class^=_], div.wp-caption + [class*=module_], [class*=module_] + div.wp-caption { margin-top: 50px; } .module_button + p:not([class]), p:not([class]) + .module_button, .module_button + p[class^=_], p[class^=_] + .module_button, .module_button + div.wp-caption, div.wp-caption + .module_button { margin-top: 20px; } [class*=module_line] + p:not([class]), [class*=module_line] + p[class^=_], [class*=module_line] + div.wp-caption { margin-top: 30px; } p:not([class]) + [class*=module_list], [class*=module_list] + p:not([class]), p[class^=_] + [class*=module_list], [class*=module_list] + p[class^=_], div.wp-caption + [class*=module_list], [class*=module_list] + div.wp-caption { margin-top: 30px; } [class*=module_title] + p:not([class]), [class*=module_title] + p[class^=_], [class*=module_title] + div.wp-caption { margin-top: 0; } [class*=module_] + [class*=module_] { margin-top: 30px; } [class*=module_] + [class*=module_column], [class*=module_column] + [class*=module_] { margin-top: 30px; } @media (min-width: 1000px) { [class*=module_] + [class*=module_column], [class*=module_column] + [class*=module_] { margin-top: 50px; } } [class*=module_] + [class*=module_button-] { margin-top: 0; } [class*=module_] + .module_button { margin-top: 20px; } @media (min-width: 1000px) { [class*=module_] + .module_button { margin-top: 20px; } } [class*=module_line] + [class*=module_] { margin-top: 30px; } @media (min-width: 1000px) { [class*=module_line] + [class*=module_] { margin-top: 30px; } } @media (min-width: 1000px) { [class*=module_card] + [class*=module_], [class*=module_] + [class*=module_card] { margin-top: 50px; } } .archive_navigation + [class*=module_] { margin-top: 40px; } [class*=module_title] + [class*=module_] { margin-top: 0; } @media (min-width: 1000px) { [class*=module_title] + [class*=module_] { margin-top: 0; } } p:not([class]) ~ .module_title-01, p:not([class]) ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-01, div.wp-caption ~ .module_title-01, div.wp-caption ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-01, [class*=module_] ~ .module_title-01, [class*=module_] ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-01 { margin-top: 70px; } @media (min-width: 1000px) { p:not([class]) ~ .module_title-01, p:not([class]) ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-01, div.wp-caption ~ .module_title-01, div.wp-caption ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-01, [class*=module_] ~ .module_title-01, [class*=module_] ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-01 { margin-top: 100px; } } p:not([class]) ~ .module_title-02, p:not([class]) ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-02, div.wp-caption ~ .module_title-02, div.wp-caption ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-02, [class*=module_] ~ .module_title-02, [class*=module_] ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-02 { margin-top: 60px; } @media (min-width: 1000px) { p:not([class]) ~ .module_title-02, p:not([class]) ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-02, div.wp-caption ~ .module_title-02, div.wp-caption ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-02, [class*=module_] ~ .module_title-02, [class*=module_] ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-02 { margin-top: 70px; } } p:not([class]) ~ .module_title-03, p:not([class]) ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-03, div.wp-caption ~ .module_title-03, div.wp-caption ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-03, [class*=module_] ~ .module_title-03, [class*=module_] ~ [class*=module_column-col]:not([class*=_bg_box]) > .module_title-03 { margin-top: 50px; } [class*=module_title] + .module_title-02, [class*=module_title] + .module_title-03, [class*=module_title] + [class^=module_column-col]:not([class*=_bg_box]) .module_title-02:first-child, [class*=module_title] + [class^=module_column-col]:not([class*=_bg_box]) .module_title-03:first-child { margin-top: 30px !important; } .module_titleSingle { margin-bottom: 20px; } @media (min-width: 1000px) { .module_titleSingle { margin-bottom: 30px; } } .module_titleSingle + * { margin-top: 0 !important; } ._bg_color-gray-01 { background-color: #f3f3f3; } .module_line-01 { margin: 60px 0 !important; border-color: #014099; border-style: dotted; border-width: 2px; border-bottom: none; } span.caption, .wp-caption-text { display: block; margin-top: 10px; font-size: 14px; color: #333; text-align: center; letter-spacing: calc(60 / 1000 * 1em); line-height: 1.7142857143; } .global_contents em { font-style: italic; } .global_contents strong { font-weight: bold; } .global_contents span[style*=underline] { text-decoration: none !important; background: linear-gradient(to bottom, rgba(239, 242, 245, 0) 0%, rgba(239, 242, 245, 0) 73%, #EFF2F5 74%, #EFF2F5 100%); } [class^=icon-]::after { display: inline-block; content: ""; font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; } .icon-blank::after { content: "\f2d2"; font-weight: 700; } .icon-file::after { content: "\f15c"; font-weight: 700; } .icon-pdf::after { content: "\f1c1"; font-weight: 700; } .icon-none::after { content: none; } [class^=module_button-01] span::after, [class^=module_button-01][target=_blank] span::after, [class^=module_button-01][href$=".pdf"] span::after, [class^=module_button-01][href$=".doc"] span::after, [class^=module_button-01][href$=".docx"] span::after, [class^=module_button-01][href$=".docm"] span::after, [class^=module_button-01][href$=".xls"] span::after, [class^=module_button-01][href$=".xlsx"] span::after, [class^=module_button-01][href$=".xlsm"] span::after { font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; position: absolute; z-index: 2; right: 21px; color: #fff; font-size: 10px; } [class^=module_button-01][target=_blank] span::after { content: "\f2d2"; font-weight: 700; } [class^=module_button-01] .icon-file::after { content: "\f15b"; right: 22px; } [class^=module_button-01][href$=".doc"] span::after, [class^=module_button-01][href$=".docx"] span::after, [class^=module_button-01][href$=".docm"] span::after, [class^=module_button-01][href$=".xls"] span::after, [class^=module_button-01][href$=".xlsx"] span::after, [class^=module_button-01][href$=".xlsm"] span::after { content: "\f15c"; font-weight: 700; right: 22px; } [class^=module_button-01][href$=".pdf"] span::after { content: "\f1c1"; font-weight: 700; right: 22px; } [class^=module_button-02] span::after, [class^=module_button-02][target=_blank] span::after, [class^=module_button-02][href$=".pdf"] span::after, [class^=module_button-02][href$=".doc"] span::after, [class^=module_button-02][href$=".docx"] span::after, [class^=module_button-02][href$=".docm"] span::after, [class^=module_button-02][href$=".xls"] span::after, [class^=module_button-02][href$=".xlsx"] span::after, [class^=module_button-02][href$=".xlsm"] span::after { font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; transition: none; } [class^=module_button-02][target=_blank] span::after { content: "\f2d2"; font-weight: 700; } [class^=module_button-02] .icon-file::after { content: "\f15b"; } [class^=module_button-02][href$=".doc"] span::after, [class^=module_button-02][href$=".docx"] span::after, [class^=module_button-02][href$=".docm"] span::after, [class^=module_button-02][href$=".xls"] span::after, [class^=module_button-02][href$=".xlsx"] span::after, [class^=module_button-02][href$=".xlsm"] span::after { content: "\f15c"; font-weight: 700; } [class^=module_button-02][href$=".pdf"] span::after { content: "\f1c1"; font-weight: 700; } .global_contents [class^=module_column-col] p a:not([class])[href$=".pdf"]::after, .global_contents [class^=module_column-col] p a:not([class])[href$=".doc"]::after, .global_contents [class^=module_column-col] p a:not([class])[href$=".docx"]::after, .global_contents [class^=module_column-col] p a:not([class])[href$=".docm"]::after, .global_contents [class^=module_column-col] p a:not([class])[href$=".xls"]::after, .global_contents [class^=module_column-col] p a:not([class])[href$=".xlsx"]::after, .global_contents [class^=module_column-col] p a:not([class])[href$=".xlsm"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".pdf"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".doc"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".docx"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".docm"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".xls"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".xlsx"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".xlsm"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".pdf"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".doc"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".docx"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".docm"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".xls"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".xlsx"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".xlsm"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".pdf"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".doc"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".docx"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".docm"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".xls"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".xlsx"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".xlsm"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".pdf"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".doc"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".docx"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".docm"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".xls"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".xlsx"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".xlsm"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".pdf"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".doc"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".docx"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".docm"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".xls"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".xlsx"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".xlsm"]::after { display: inline-block; margin-right: 0.25em; margin-left: 0.25em; background: none; font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; } .global_contents [class^=module_column-col] p a:not([class])[href$=".doc"]::after, .global_contents [class^=module_column-col] p a:not([class])[href$=".docx"]::after, .global_contents [class^=module_column-col] p a:not([class])[href$=".docm"]::after, .global_contents [class^=module_column-col] p a:not([class])[href$=".xls"]::after, .global_contents [class^=module_column-col] p a:not([class])[href$=".xlsx"]::after, .global_contents [class^=module_column-col] p a:not([class])[href$=".xlsm"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".doc"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".docx"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".docm"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".xls"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".xlsx"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".xlsm"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".doc"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".docx"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".docm"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".xls"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".xlsx"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".xlsm"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".doc"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".docx"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".docm"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".xls"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".xlsx"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".xlsm"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".doc"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".docx"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".docm"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".xls"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".xlsx"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".xlsm"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".doc"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".docx"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".docm"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".xls"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".xlsx"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".xlsm"]::after { content: "\f15c"; font-weight: 700; } .global_contents [class^=module_column-col] p a:not([class])[href$=".pdf"]::after, .global_contents [class^=module_column-col] p a.icon-blank[href$=".pdf"]::after, .global_contents [class^=module_column-col] td a:not([class])[href$=".pdf"]::after, .global_contents [class^=module_column-col] td a.icon-blank[href$=".pdf"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a:not([class])[href$=".pdf"]::after, .global_contents [class^=module_column-col] [class^=module_list-] a.icon-blank[href$=".pdf"]::after { content: "\f1c1"; font-weight: 700; } .module_button { display: flex; flex-wrap: wrap; margin-right: -10px; margin-bottom: -20px; margin-left: -10px; } .module_button._left { justify-content: flex-start; } .module_button._center { justify-content: center; } .module_button._right { justify-content: flex-end; } .module_button._column { flex-direction: column; align-items: flex-start; } [class*=module_button-] { margin-right: 10px; margin-bottom: 20px; margin-left: 10px; } .module_button-01:hover span::after { color: #014099; } .module_button-01::before { content: none; } .module_button-01 span::after { content: "\f054"; position: absolute; top: 50%; right: 22px; width: auto; height: auto; color: #fff; border: none; transition: color 0.6s; transform: translateY(-50%); font-weight: 700; font-size: 12px; } .module_button-02 { position: relative; display: inline-block; max-width: calc(100% - 20px); padding: 4px 0 4px 42px; font-size: 16px; font-weight: 500; line-height: 1.5; text-decoration: none; } .module_button-02:hover span::before { background-color: #fff; } .module_button-02:hover span::after { color: #014099; } .module_button-02 span::after, .module_button-02[target=_blank] span::after, .module_button-02[href$=".pdf"] span::after, .module_button-02[href$=".doc"] span::after, .module_button-02[href$=".docx"] span::after, .module_button-02[href$=".docm"] span::after, .module_button-02[href$=".xls"] span::after, .module_button-02[href$=".xlsx"] span::after, .module_button-02[href$=".xlsm"] span::after { font-size: 10px; line-height: 23px; text-align: center; letter-spacing: 0; } .module_button-02[href$=".pdf"] span::after, .module_button-02[href$=".doc"] span::after, .module_button-02[href$=".docx"] span::after, .module_button-02[href$=".docm"] span::after, .module_button-02[href$=".xls"] span::after, .module_button-02[href$=".xlsx"] span::after, .module_button-02[href$=".xlsm"] span::after { font-weight: 700; } .module_button-02:not([target=_blank]):not([href$=".pdf"]):not([href$=".doc"]):not([href$=".docx"]):not([href$=".docm"]):not([href$=".xls"]):not([href$=".xlsx"]):not([href$=".xlsm"]) span::after { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; top: 10px; left: 1px; font-size: 12px; font-weight: 700; color: #fff; background-repeat: no-repeat; background-size: contain; transition: 0.6s; } .module_button-02:not([target=_blank]):not([href$=".pdf"]):not([href$=".doc"]):not([href$=".docx"]):not([href$=".docm"]):not([href$=".xls"]):not([href$=".xlsx"]):not([href$=".xlsm"]):hover span::after { color: #014099; background-repeat: no-repeat; background-size: contain; } .module_button-02 span::before, .module_button-02 span::after { position: absolute; top: 5px; left: 0; display: block; width: 23px; height: 23px; content: ""; transition: 0.6s; } .module_button-02 span::before { background-color: #014099; border: 1px solid #014099; border-radius: 50%; } .module_button-02 span::after { color: #fff; content: ""; } .module_button-03 { position: relative; border-radius: 25px; overflow: hidden; padding: 11px 62px 11px 20px; display: flex; align-items: center; text-decoration: none; } @media (min-width: 1000px) { .module_button-03 { padding: 14px 70px 14px 25px; border-radius: 30px; } } .module_button-03::before, .module_button-03::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.6s; border-radius: 25px; } .module_button-03::before { background: linear-gradient(75deg, rgb(1, 64, 153) 5%, rgb(41, 162, 178) 95%); } .module_button-03::after { background: linear-gradient(75deg, rgb(0, 90, 217) 5%, rgb(13, 196, 221) 95%); opacity: 0; } .module_button-03:hover::after { opacity: 1; } .module_button-03 span { position: relative; z-index: 2; color: #fff; font-size: 14px; font-weight: 700; } @media (min-width: 1000px) { .module_button-03 span { font-size: 20px; } } .module_button-03 .icon { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; background-color: #fff; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); border-radius: 50%; color: #014099; } @media (min-width: 1000px) { .module_button-03 .icon { width: 31px; height: 31px; right: 10px; } } .module_button-03 .icon i { position: absolute; top: auto; right: 6px; font-size: 12px; } @media (min-width: 1000px) { .module_button-03 .icon i { right: 10px; } } .module_button-04 { display: flex; align-items: center; position: relative; text-decoration: none; width: 100%; min-width: 240px; border-radius: 5px; padding: 17px 50px 17px 25px; transition: 0.6s; } @media (min-width: 1000px) { .module_button-04 { width: auto; min-width: 300px; padding: 22px 50px 22px 25px; } } .module_button-04:hover { opacity: 0.7; } .module_button-04::after { content: ""; position: absolute; top: 50%; right: 15px; width: 23px; height: 23px; background-color: #fff; border-radius: 50%; transform: translateY(-50%); transition: 0.6s; } .module_button-04::before { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 700; line-height: 1; position: absolute; top: 50%; right: 20px; z-index: 2; font-size: 14px; transform: translateY(-50%); transition: 0.6s; } .module_button-04 .ico { margin-right: 10px; font-size: 20px; display: flex; align-items: center; color: #fff; } .module_button-04 .text { font-size: 16px; font-weight: 700; color: #fff; } .module_button-05 { position: relative; background-color: #014099; display: flex; align-items: center; justify-content: center; padding: 12px 45px; min-width: 210px; border-radius: 25px; transition: 0.6s; } .module_button-05:hover { opacity: 0.7; } .module_button-05 .text { font-size: 15px; font-weight: 500; color: #fff; } .module_button-05 .icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 23px; height: 23px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; } .module_button-05 .icon i { color: #1253A4; font-weight: 700; } label { display: block; cursor: pointer; } @media (min-width: 1000px) { body.search .gc_main .module_search-01, body.error404 .gc_main .module_search-01 { max-width: 350px; margin: 50px auto 0; } } .module_search-01 .ms_from { display: flex; align-items: center; justify-content: center; border: 1px solid #014099; border-radius: 35px; } .module_search-01 .ms_from .ms_input { width: calc(100% - 60px); height: 40px; padding: 18px; line-height: 38px; background-color: #fff; border-radius: 35px 0 0 35px; } html._browser-ie .module_search-01 .ms_from .ms_input { line-height: 0; } .module_search-01 .ms_from .ms_input:hover, .module_search-01 .ms_from .ms_input:focus { border-color: transparent !important; } .module_search-01 .ms_from .ms_input:-moz-placeholder-shown { color: #014099; } .module_search-01 .ms_from .ms_input:placeholder-shown { color: #014099; } .module_search-01 .ms_from .ms_input::-webkit-input-placeholder { color: #014099; opacity: 1; } .module_search-01 .ms_from .ms_input:-moz-placeholder { color: #014099; } .module_search-01 .ms_from .ms_input::-moz-placeholder { color: #014099; opacity: 1; } .module_search-01 .ms_from .ms_input:-ms-input-placeholder { color: #014099; } .module_search-01 .ms_from .ms_button { width: 60px; height: 40px; text-align: center; background-color: #fff; border-left: none; border-radius: 0 35px 35px 0; transition: 0.6s; } .module_search-01 .ms_from .ms_button span { position: relative; display: flex; align-items: center; justify-content: center; } .module_search-01 .ms_from .ms_button span::after { display: block; color: #014099; content: "\f002"; transition: 0.6s; font-family: "Font Awesome 5 Pro"; font-weight: 500; line-height: 1; } @media (min-width: 1000px) { body.search .gc_main .module_search-02, body.error404 .gc_main .module_search-02 { max-width: 350px; margin: 50px auto 0; } } .module_search-02 .ms_from { display: flex; align-items: center; justify-content: center; background-color: #014099; } .module_search-02 .ms_from .ms_input { width: calc(100% - 86px); height: 40px; padding: 18px; line-height: 38px; background-color: #fff; border: 1px solid #014099; } html._browser-ie .module_search-02 .ms_from .ms_input { line-height: 0; } .module_search-02 .ms_from .ms_button { width: 86px; height: 40px; text-align: center; background-color: #014099; border: 1px solid #014099; border-left: none; transition: 0.6s; } .module_search-02 .ms_from .ms_button:hover, .module_search-02 .ms_from .ms_button:focus { background-color: #fff; } .module_search-02 .ms_from .ms_button:hover span, .module_search-02 .ms_from .ms_button:focus span { color: #014099; } .module_search-02 .ms_from .ms_button:hover span::after, .module_search-02 .ms_from .ms_button:focus span::after { color: #014099; } .module_search-02 .ms_from .ms_button span { position: relative; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; transition: 0.6s; } .module_search-02 .ms_from .ms_button span::after { display: block; margin-left: 7px; color: #fff; content: "\f002"; transition: 0.6s; font-family: "Font Awesome 5 Pro"; font-weight: 500; line-height: 1; } .module_title-sp { position: relative; padding-bottom: 40px; margin-bottom: 30px; font-size: 22px; font-weight: 500; text-align: center; line-height: 1.6363636364; letter-spacing: calc(60 / 1000 * 1em); } @media (min-width: 1000px) { .module_title-sp { font-size: 28px; } } .module_title-sp::after { position: absolute; bottom: 0; left: calc(50% - 40px); display: block; width: 80px; height: 3px; content: ""; background-color: #ccc; } .module_title-01 { padding-bottom: 15px; margin-bottom: 30px; font-size: 20px; font-weight: 700; border-bottom: 1px solid #014099; line-height: 1.4; color: #014099; } @media (min-width: 1000px) { .module_title-01 { font-size: 24px; padding-bottom: 20px; } } .module_title-02 { padding-bottom: 15px; margin-bottom: 30px; font-size: 18px; font-weight: 700; color: #014099; line-height: 1.2777777778; letter-spacing: calc(50 / 1000 * 1em); border-bottom: 1px solid #D5DDE6; } @media (min-width: 1000px) { .module_title-02 { font-size: 20px; } } .module_title-03 { position: relative; margin-bottom: 20px; font-size: 16px; font-weight: 500; line-height: 1.25; letter-spacing: calc(50 / 1000 * 1em); color: #014099; } @media (min-width: 1000px) { .module_title-03 { font-size: 18px; font-weight: 700; } } .module_titleSingle .head { display: flex; } .module_titleSingle .head .date { margin-right: 15px; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 500; color: #014099; } .module_titleSingle .head .category { display: flex; flex-wrap: wrap; margin-top: -5px; } .module_titleSingle .head .category .label { margin-top: 5px; } .module_titleSingle .body { margin-top: 10px; } .module_title-scene { font-size: 16px; font-weight: 700; color: #1253A4; text-align: center; } @media (min-width: 1000px) { .module_title-scene { font-size: 24px; } } .module_title-scene span { position: relative; display: inline-block; padding: 0 40px; } .module_title-scene span::before, .module_title-scene span::after { content: ""; height: 55px; width: 2px; background-color: #1253A4; position: absolute; top: calc(50% + 5px); display: inline-block; } .module_title-scene span::before { left: 0; transform: translateY(-50%) rotate(-40deg); } .module_title-scene span::after { right: 0; transform: translateY(-50%) rotate(40deg); } .module_map { height: 50vh; padding-bottom: 0; } @media (min-width: 1000px) { .module_map { height: 0; padding-bottom: 56.25%; } } .modaal-wrapper .modaal-close:hover::before, .modaal-wrapper .modaal-close:hover::after, .modaal-wrapper .modaal-close:focus::before, .modaal-wrapper .modaal-close:focus::after { background: #014099; } ul.module_list-01 > li::before { top: 8px; left: 3px; width: 10px; height: 10px; background-color: #014099; border-radius: 50%; } ul.module_list-notes-01 { font-size: 16px; } ul.module_list-notes-01 li::before { top: -2px; left: 2px; color: #F26964; content: "※"; font-weight: 700; font-family: "Roboto"; font-size: 20px; } ol.module_list-01 { counter-reset: number; } ol.module_list-01 > li::before { top: 2px; left: 10px; font-size: 16px; font-family: "Poppins", sans-serif; font-weight: 700; color: #014099; content: counter(number, decimal) "."; counter-increment: number; transform: translateX(-50%); } .module_newsList-01 article { border-bottom: 1px solid #E3E3E3; } .module_newsList-01 article._none a { pointer-events: none; } .module_newsList-01 article a { display: block; padding: 15px 0; color: #333; text-decoration: none; transition: 0.6s; } @media (min-width: 1000px) { .module_newsList-01 article a { display: flex; padding: 20px 20px; } } .module_newsList-01 article a::after { content: none; } .module_newsList-01 article a:hover .body .title { color: #014099; } .module_newsList-01 article .head { display: flex; } @media (min-width: 1000px) { .module_newsList-01 article .head { width: 135px; } } .module_newsList-01 article .head .date { margin-right: 20px; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 500; color: #014099; } @media (min-width: 1000px) { .module_newsList-01 article .head .date { margin: 4px 60px 0 0; } } .module_newsList-01 article .head .category { display: flex; flex-wrap: wrap; } .module_newsList-01 article .body { margin-top: 5px; } @media (min-width: 1000px) { .module_newsList-01 article .body { margin-top: 0; width: calc(100% - 135px); } } .module_newsList-01 article .body .title { font-size: 16px; font-weight: 500; letter-spacing: calc(30 / 1000 * 1em); transition: color 0.6s; } .module_newsList-02 article { border-bottom: 1px solid #ccc; } .module_newsList-02 article:first-child { border-top: 1px solid #ccc; } .module_newsList-02 article._none a { pointer-events: none; } .module_newsList-02 article a { display: flex; justify-content: space-between; padding: 20px 0; color: #333; text-decoration: none; transition: 0.6s; } @media (min-width: 1000px) { .module_newsList-02 article a { padding: 20px; } } .module_newsList-02 article a::after { content: none; } .module_newsList-02 article a:hover .body .title { color: #1253A4; } .module_newsList-02 article .head { position: relative; width: 100px; height: 0; padding-bottom: 100px; overflow: hidden; } .module_newsList-02 article .head .image::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; background-color: #fff; } .module_newsList-02 article .head .image._noImage::before { background-color: #B6C2D1; } .module_newsList-02 article .head .image img { position: absolute; top: 50%; left: 50%; width: auto; max-width: none; height: 100%; transform: translate(-50%, -50%); } .module_newsList-02 article .head .image img[src$="noimage_logo_01.svg"] { width: auto; height: 12%; } .module_newsList-02 article .body { width: calc(100% - 120px); } .module_newsList-02 article .body .date { display: inline-block; width: 100px; } .module_newsList-02 article .body .category { display: inline-flex; } .module_newsList-02 article .body .category .label { color: #014099; } .module_newsList-02 article .body .category .label:not(:last-child) { margin-right: 10px; } .module_newsList-02 article .body .title { margin-top: 10px; transition: color 0.6s; } .module_newsCard-01 { display: flex; flex-wrap: wrap; } .module_newsCard-01 article { width: calc(100% / 1 - 0px / 1); margin-right: 0px; } @media (min-width: 1000px) { .module_newsCard-01 article { width: calc(100% / 2 - 40px / 2 - 0.01px); margin-right: 40px; } } .module_newsCard-01 article:nth-child(1n) { margin-right: 0; } @media (min-width: 1000px) { .module_newsCard-01 article:nth-child(1n) { margin-right: 40px; } } @media (min-width: 1000px) { .module_newsCard-01 article:nth-child(2n) { margin-right: 0; } } .module_newsCard-01 article:nth-child(n+2) { margin-top: 25px; } @media (min-width: 1000px) { .module_newsCard-01 article:nth-child(n+2) { margin-top: 0; } } @media (min-width: 1000px) { .module_newsCard-01 article:nth-child(n+3) { margin-top: 40px; } } .module_newsCard-01 article._none a { pointer-events: none; } .module_newsCard-01 article a { display: flex; justify-content: space-between; color: #333; text-decoration: none; transition: 0.6s; } @media (min-width: 1000px) { .module_newsCard-01 article a { display: block; } } .module_newsCard-01 article a::after { content: none; } .module_newsCard-01 article a:hover .head .image { transform: scale(1.1); } .module_newsCard-01 article a:hover .body .title { color: #014099; } .module_newsCard-01 article .head { width: 160px; overflow: hidden; } @media (min-width: 1000px) { .module_newsCard-01 article .head { width: 100%; } } .module_newsCard-01 article .head .image { position: relative; z-index: 1; display: block; width: 100%; height: 100%; padding-bottom: 69.2307692308%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: 0.6s; } .module_newsCard-01 article .head .image::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; background-color: transparent; } .module_newsCard-01 article .head .image._noImage::before { background-color: #B6C2D1; } .module_newsCard-01 article .head .image img { position: absolute; top: 50%; left: 50%; width: 100%; max-width: none; height: auto; transform: translate(-50%, -50%); } .module_newsCard-01 article .head .image img[src$="noimage_logo_01.svg"] { width: auto; height: 12%; } .module_newsCard-01 article .body { width: calc(100% - 175px); display: flex; flex-wrap: wrap; flex-flow: column; } @media (min-width: 1000px) { .module_newsCard-01 article .body { width: 100%; margin: 20px 0 0; } } .module_newsCard-01 article .body .category { display: flex; flex-wrap: wrap; margin-top: -5px; } @media (min-width: 1000px) { .module_newsCard-01 article .body .category { margin-top: 5px; order: 3; } } .module_newsCard-01 article .body .category .label { margin-top: 5px; } .module_newsCard-01 article .body .title { margin: 8px 0 15px; font-size: 15px; letter-spacing: calc(30 / 1000 * 1em); font-weight: 500; line-height: 1.3333333333; transition: 0.6s; } @media (min-width: 1000px) { .module_newsCard-01 article .body .title { order: 1; font-size: 16px; margin: 0; } } .module_newsCard-01 article .body .date { margin-top: auto; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 500; color: #014099; } @media (min-width: 1000px) { .module_newsCard-01 article .body .date { order: 2; margin-top: 7px; } } .module_pager-01 { display: flex; justify-content: center; margin-top: 50px !important; overflow-x: auto; } @media (min-width: 1000px) { .module_pager-01 { margin-top: 80px !important; } } .module_pager-01 li { position: absolute; top: -9999px; left: -9999px; width: 50px; height: 50px; margin: 0 5px; } .module_pager-01 li.prev, .module_pager-01 li.next { position: static !important; } .module_pager-01 li.current_prev, .module_pager-01 li.current_next { position: static; } @media (min-width: 375px) { .module_pager-01 li.current_prev, .module_pager-01 li.current_next { position: absolute; top: -9999px; left: -9999px; } } @media (min-width: 375px) { .module_pager-01 li.current_prev, .module_pager-01 li.current_next { position: static; } } .module_pager-01 li.current_prev2, .module_pager-01 li.current_next2 { position: absolute; top: -9999px; left: -9999px; } @media (min-width: 1000px) { .module_pager-01 li.current_prev2, .module_pager-01 li.current_next2 { position: static; } } .module_pager-01 li.current { position: static; } .module_pager-01 li a, .module_pager-01 li span { position: relative; display: flex; align-items: center; justify-content: center; width: inherit; height: inherit; overflow: hidden; font-size: 14px; color: #014099; text-decoration: none; background-color: #fff; transition: 0.6s; font-family: "Poppins", sans-serif; font-weight: 700; border: 1px solid #C9D8EB; } .module_pager-01 li a:hover, .module_pager-01 li a:focus, .module_pager-01 li a.current, .module_pager-01 li span:hover, .module_pager-01 li span:focus, .module_pager-01 li span.current { background-color: #014099; color: #fff; border-color: #014099; } .module_pager-01 li a.current, .module_pager-01 li span.current { pointer-events: none; cursor: default; } .module_pager-01 li.prev a, .module_pager-01 li.next a { font-size: 14px; letter-spacing: calc(100 / 1000 * 1em); } .module_pager-01 li.prev a::before, .module_pager-01 li.prev a::after, .module_pager-01 li.next a::before, .module_pager-01 li.next a::after { content: none; } .module_pager-01 li.prev a::before, .module_pager-01 li.next a::before { position: relative; content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; color: #014099; } .module_pager-01 li.prev a:hover::before, .module_pager-01 li.next a:hover::before { color: #fff; } .module_pager-01 li.prev a::before { transform: scale(-1, 1); } .module_pager-02 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 60px; } @media (min-width: 1000px) { .module_pager-02 { flex-wrap: nowrap; justify-content: center; margin-top: 100px; } } .module_pager-02 li._hidden { display: none; } @media (min-width: 1000px) { .module_pager-02 li._hidden { display: block; width: 130px; height: 50px; visibility: hidden; } } .module_pager-02 li.back { justify-content: center; order: 1; width: 100%; margin: 0; } @media (min-width: 1000px) { .module_pager-02 li.back { order: 2; width: auto; margin: 0 60px; } } .module_pager-02 li.back a { margin: 0; color: #014099; background-color: #fff; } .module_pager-02 li.back a:hover { color: #fff; background-color: #014099; } .module_pager-02 li.prev, .module_pager-02 li.next { margin-top: 20px; } @media (min-width: 1000px) { .module_pager-02 li.prev, .module_pager-02 li.next { margin-top: 0; } } .module_pager-02 li.prev a, .module_pager-02 li.next a { position: relative; display: block; padding: 5px 35px; font-size: 14px; color: #333; text-decoration: none; transition: 0.6s; letter-spacing: calc(100 / 1000 * 1em); } @media (min-width: 1000px) { .module_pager-02 li.prev a, .module_pager-02 li.next a { padding: 15px 35px; } } .module_pager-02 li.prev a::before, .module_pager-02 li.next a::before { position: absolute; top: calc(50% - 3px); width: 19px; height: 7px; content: ""; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/ico_arrow-01.svg"); background-repeat: no-repeat; background-size: contain; } .module_pager-02 li.prev a:hover, .module_pager-02 li.next a:hover { opacity: 0.7; } .module_pager-02 li.prev { order: 2; } .module_pager-02 li.prev a::before { left: 0; transform: scale(-1, 1); } .module_pager-02 li.next { order: 3; } @media (min-width: 1000px) { .module_pager-02 li.next { order: 3; } } .module_pager-02 li.next a::before { right: 0; } .module_faqList-01 > li { border-bottom: 1px solid #ccc; } .module_faqList-01 > li:first-child { border-top: 1px solid #ccc; } .module_faqList-01 > li .head { position: relative; padding: 20px 0; cursor: pointer; } @media (min-width: 1000px) { .module_faqList-01 > li .head { padding: 30px; } } .module_faqList-01 > li .head .title { position: relative; padding-right: 30px; padding-left: 50px; } .module_faqList-01 > li .head .title::before { top: -0.2em; content: "Q"; background-color: #014099; } .module_faqList-01 > li .head button { position: absolute; top: calc(50% - 8px); right: 0; width: 16px; height: 16px; background-color: transparent; } @media (min-width: 1000px) { .module_faqList-01 > li .head button { right: 15px; } } .module_faqList-01 > li .head button::before, .module_faqList-01 > li .head button::after { position: absolute; top: calc(50% - 1px); left: 0; display: block; width: 100%; height: 2px; content: ""; background-color: #333; border-radius: 1px; } .module_faqList-01 > li .head button::after { transition: 0.6s; transform: rotate(-90deg); } .module_faqList-01 > li .head button span { display: none; } .module_faqList-01 > li .body { position: relative; } .module_faqList-01 > li .body .inner { position: relative; padding: 20px; margin-bottom: 20px; background-color: #EFF2F5; transition: 0.6s; } @media (min-width: 1000px) { .module_faqList-01 > li .body .inner { padding: 30px; margin-bottom: 30px; } } .module_faqList-01 > li .body .title { position: relative; padding-left: 50px; margin-bottom: 1em; font-weight: 700; } .module_faqList-01 > li .body .title::before { top: -0.2em; font-weight: 400; content: "A"; background-color: #e53935; } .module_faqList-01 > li._open div.head button::after { transform: rotate(0deg); } .module_pageLink-01 { display: flex; flex-wrap: wrap; margin: 0 -5px -10px; overflow: hidden; } .module_pageLink-01 > li { margin: 0 5px 10px; } .module_pageLink-01 > li a { display: block; padding: 5px 10px; color: #014099; text-decoration: none; border: 1px solid #014099; transition: 0.6s; } .module_pageLink-01 > li a:hover { color: #fff; background-color: #014099; } .module_pageLink-01 > li a span { position: relative; display: block; padding-right: 1em; } .module_pageLink-01 > li a span::after { position: absolute; top: calc(50% - 0.4em); right: 0; display: block; font-size: 16px; content: "\f107"; font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; } .module_tab-01 .module_tab-head { display: flex; flex-wrap: nowrap; border-bottom: 2px solid #014099; overflow-y: auto; } .module_tab-01 .module_tab-head > li { position: relative; min-width: 110px; border-radius: 5px 5px 0 0; } @media (min-width: 1000px) { .module_tab-01 .module_tab-head > li { min-width: 180px; } } .module_tab-01 .module_tab-head > li + li { margin-left: 5px; } @media (min-width: 1000px) { .module_tab-01 .module_tab-head > li + li { margin-left: 10px; } } .module_tab-01 .module_tab-head > li a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 9px 5px; font-size: 15px; font-weight: 500; color: #333; text-align: center; text-decoration: none; background-color: #EFF2F5; transition: 0.6s; border-radius: 5px 5px 0 0; } @media (min-width: 1000px) { .module_tab-01 .module_tab-head > li a { padding: 16px 10px; font-size: 16px; } } .module_tab-01 .module_tab-head > li._current a, .module_tab-01 .module_tab-head > li:hover a { background-color: #014099; color: #fff; } @media (min-width: 1000px) { .module_tab-02 { display: flex; } } @media (min-width: 1000px) { .module_tab-02 > .head { width: 364px; display: flex; flex-wrap: wrap; flex-flow: column; padding-bottom: 100px; } } .module_tab-02 > .head .module_tab-head { margin: 30px 0 0 -20px; width: calc(100% + 40px); display: flex; } @media (min-width: 1000px) { .module_tab-02 > .head .module_tab-head { margin: 40px 0 0 0; width: 100%; display: block; } } .module_tab-02 > .head .module_tab-head li { width: 50%; } @media (min-width: 1000px) { .module_tab-02 > .head .module_tab-head li { width: 100%; } } @media (min-width: 1000px) { .module_tab-02 > .head .module_tab-head li + li { margin-top: 4px; } } .module_tab-02 > .head .module_tab-head li._current a, .module_tab-02 > .head .module_tab-head li:hover a { background-color: #fff; } .module_tab-02 > .head .module_tab-head li a { position: relative; justify-content: flex-start; background-color: transparent; padding: 16px 40px 16px 20px; line-height: 1.2857142857; text-align: left; display: block; text-decoration: none; transition: 0.6s; } @media (min-width: 1000px) { .module_tab-02 > .head .module_tab-head li a { font-size: 16px; font-weight: 500; padding: 30px 70px 30px 30px; } } .module_tab-02 > .head .module_tab-head li a i { position: absolute; top: 50%; transform: translateY(-50%); right: 17px; font-size: 16px; } @media (min-width: 1000px) { .module_tab-02 > .head .module_tab-head li a i { transform: translateY(-50%) rotate(-90deg); right: 55px; } } @media (min-width: 1000px) { .module_tab-02 > .body { width: calc(100% - 364px); } } .module_tab-02 > .body .module_tab-body { margin-top: 0; } .module_tab-02 > .body .module_tab-body .module_newsList-01 { margin-left: -20px; width: calc(100% + 40px); background-color: #fff; padding: 10px 20px 20px; } @media (min-width: 1000px) { .module_tab-02 > .body .module_tab-body .module_newsList-01 { margin-left: 0; width: 100%; min-height: 382px; padding: 30px 60px 60px; } } .module_tab-02 > .body .module_tab-body .module_newsList-01 article:last-child { border-bottom: none; } @media (min-width: 1000px) { .module_tab-02 > .body .module_tab-body .module_newsList-01 article:last-child { border-bottom: 1px solid #E3E3E3; } } @media (min-width: 1000px) { .module_tab-02 > .body .module_tab-body .module_newsList-01 article a { padding: 20px 0; } } @media (min-width: 1000px) { .module_tab-02 > .body .module_tab-body .top_button { position: absolute; left: 206px; bottom: 0; } } .module_tab-03 > .head { position: relative; max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 20px; } @media (min-width: 1000px) { .module_tab-03 > .head { padding: 0 60px; } } .module_tab-03 > .body { background-color: #1253A4; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/bg_information-01.png"); padding: 30px 0 40px; } @media (min-width: 1000px) { .module_tab-03 > .body { padding: 60px 0; } } .module_tab-03 .module_tab-head { display: flex; } @media (min-width: 1000px) { .module_tab-03 .module_tab-head { flex-wrap: nowrap; justify-content: flex-end; border: none; } } .module_tab-03 .module_tab-head > li { position: relative; } .module_tab-03 .module_tab-head > li + li { margin-left: 5px; } @media (min-width: 1000px) { .module_tab-03 .module_tab-head > li + li { margin-left: 10px; } } .module_tab-03 .module_tab-head > li a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 10px 20px; font-size: 15px; font-weight: 700; color: #1253A4; text-align: center; text-decoration: none; background-color: #EFF2F5; transition: 0.6s; border-radius: 12px 12px 0 0; } @media (min-width: 1000px) { .module_tab-03 .module_tab-head > li a { padding: 17px 30px; font-size: 20px; min-width: 210px; } } .module_tab-03 .module_tab-head > li._current a, .module_tab-03 .module_tab-head > li:hover a { color: #fff; background-color: #1253A4; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/bg_information-01.png"); } .module_tab-03 .module_tab-body { max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 20px; } @media (min-width: 1000px) { .module_tab-03 .module_tab-body { padding: 0 60px; } } .module_searchList-01 li { position: relative; border-bottom: 1px solid #ccc; } .module_searchList-01 li:first-child { border-top: 1px solid #ccc; } .module_searchList-01 li a { display: block; padding: 20px 40px 20px 0; color: #333; text-decoration: none; transition: 0.6s; } @media (min-width: 1000px) { .module_searchList-01 li a { padding: 20px 40px 20px 20px; } } .module_searchList-01 li a::after { position: absolute; top: 50%; right: 20px; display: block; font-size: 20px; content: "\f105"; transition: 0.6s; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; } .module_searchList-01 li a:hover { color: #1253A4; } .module_table-wrap.scroll-hint { padding-bottom: 10px; overflow: hidden !important; overflow-x: auto !important; } .module_table-wrap::-webkit-scrollbar { width: 4px; height: 4px; } .module_table-wrap::-webkit-scrollbar-track { background: #f3f3f3; border-radius: 2px; } .module_table-wrap::-webkit-scrollbar-thumb { background: #014099; border-radius: 2px; } .module_table-wrap._scroll { padding-bottom: 10px; } @media (min-width: 1000px) { .module_table-wrap._scroll { padding-bottom: 0; } } .scroll-hint-icon { top: 20%; height: 95px; } ._bg_box-01 { padding: 30px 25px; background-color: #EFF2F5; } ._bg_box-02 { padding: 30px 25px; border: 1px solid #014099; } ._bg_box-03 { padding: 30px 25px; background-color: #F7E5E4; } ._bg_box-03 > p { color: #F26964; } .module_blockquote-01 { position: relative; padding: 65px 20px; background-color: #EFF2F5; } @media (min-width: 1000px) { .module_blockquote-01 { padding: 75px 40px; } } .module_blockquote-01::before, .module_blockquote-01::after { position: absolute; display: block; font-size: 20px; color: #014099; content: "\f10d"; font-family: "Font Awesome 5 Pro"; font-weight: 900; line-height: 1; } .module_blockquote-01::before { top: 30px; left: 20px; content: "\f10d"; } @media (min-width: 1000px) { .module_blockquote-01::before { top: 40px; left: 40px; } } .module_blockquote-01::after { right: 20px; bottom: 30px; content: "\f10e"; } @media (min-width: 1000px) { .module_blockquote-01::after { right: 40px; bottom: 40px; } } .module_card-01 { display: flex; flex-wrap: wrap; } .module_card-01 li { width: calc(100% / 1 - 0px / 1); margin-right: 0px; } @media (min-width: 1000px) { .module_card-01 li { width: calc(100% / 3 - 80px / 3 - 0.01px); margin-right: 40px; } } .module_card-01 li:nth-child(1n) { margin-right: 0; } @media (min-width: 1000px) { .module_card-01 li:nth-child(1n) { margin-right: 40px; } } @media (min-width: 1000px) { .module_card-01 li:nth-child(3n) { margin-right: 0; } } .module_card-01 li:nth-child(n+2) { margin-top: 20px; } @media (min-width: 1000px) { .module_card-01 li:nth-child(n+2) { margin-top: 0; } } @media (min-width: 1000px) { .module_card-01 li:nth-child(n+4) { margin-top: 40px; } } .module_card-01 li a { display: block; color: #333; text-decoration: none; background-color: #EFF2F5; } .module_card-01 li a:hover .head .image { transform: scale(1.1); } .module_card-01 li a._disabled { pointer-events: none; } .module_card-01 li .head { position: relative; width: 100%; overflow: hidden; background-color: #f3f3f3; } .module_card-01 li .head .image { width: 100%; height: 0; padding-bottom: 61.7647058824%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: 0.6s; } .module_card-01 li .head .image::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; background-color: transparent; } .module_card-01 li .head .image._noImage::before { background-color: #B6C2D1; } .module_card-01 li .head .image img { position: absolute; top: 50%; left: 50%; width: 100%; max-width: none; height: auto; transition: transform 0.6s; transform: translate(-50%, -50%); } .module_card-01 li .head .image img[src$="noimage_logo_01.svg"] { width: auto; height: 12%; } .module_card-01 li .body { padding: 20px 20px 15px 20px; } .module_card-01 li .body .icon { display: none; } @media (min-width: 1000px) { .module_card-01 li .body .icon { display: flex; justify-content: center; align-items: center; width: 23px; height: 23px; background-color: #014099; border-radius: 50%; margin-right: 8px; } } .module_card-01 li .body .icon i { color: #fff; font-weight: 500; font-size: 12px; margin-left: 2px; } .module_card-01 li .body .title { text-align: center; font-size: 18px; font-weight: 700; color: #014099; } @media (min-width: 1000px) { .module_card-01 li .body .title { display: flex; justify-content: center; align-items: center; } } .module_card-01 li .body .title span { display: inline-block; } @media (min-width: 1000px) { .module_card-01 li .body .title span { max-width: calc(100% - 31px); } } .module_card-01 li .foot { font-size: 16px; padding: 0 20px; letter-spacing: calc(0 / 1000 * 1em); line-height: 1.5625; } .module_card-01 li .foot .text { padding: 15px 0 30px 0; border-top: 1px solid #CFD9E6; } [class^=module_column-col] .imgLink { position: relative; display: inline-block; text-decoration: none; } .module_slider .module_slider-01 { position: relative; left: -20px; width: calc(100% + 40px); } @media (min-width: 1000px) { .module_slider .module_slider-01 { left: -23px; width: calc(100% + 46px); } } .module_slider .module_slider-01 .swiper-wrapper .swiper-slide { position: relative; width: 100% !important; padding: 0 20px; } .module_slider .module_slider-01 .swiper-wrapper .swiper-slide .head { position: relative; } .module_slider .module_slider-01 .swiper-wrapper .swiper-slide .head .image img { width: 100%; max-width: none; height: auto; max-height: none; } .module_slider .module_slider-01 .swiper-wrapper .swiper-slide .body { position: relative; width: 100%; padding: 15px 15px 15px 30px; font-size: 16px; text-align: center; background: transparent; letter-spacing: calc(50 / 1000 * 1em); } .module_slider .swiper-button-prev, .module_slider .swiper-button-next { width: 50px; height: 50px; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/ico_button-off.svg"); background-repeat: no-repeat; background-size: contain; transition: 0.6s; } @media (min-width: 1000px) { .module_slider .swiper-button-prev, .module_slider .swiper-button-next { width: 50px; height: 50px; } } .module_slider .swiper-button-prev:hover, .module_slider .swiper-button-next:hover { width: 50px; height: 50px; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/ico_button-on.svg"); background-repeat: no-repeat; background-size: contain; } @media (min-width: 1000px) { .module_slider .swiper-button-prev:hover, .module_slider .swiper-button-next:hover { width: 50px; height: 50px; } } .module_slider .swiper-button-prev { left: 0; transform: scale(-1, 1); } @media (min-width: 1000px) { .module_slider .swiper-button-prev { left: 0; } } .module_slider .swiper-button-next { right: 0; } @media (min-width: 1000px) { .module_slider .swiper-button-next { right: 0; } } [class*=module_gallery-] ul { display: flex; flex-wrap: wrap; } [class*=module_gallery-] ul li { margin-right: 10px; } @media (min-width: 1000px) { [class*=module_gallery-] ul li { margin-right: 20px; } } [class*=module_gallery-] ul li:nth-child(2n) { margin-right: 0; } @media (min-width: 1000px) { [class*=module_gallery-] ul li:nth-child(2n) { margin-right: 20px; } } [class*=module_gallery-] ul li:nth-child(n+3) { margin-top: 10px; } @media (min-width: 1000px) { [class*=module_gallery-] ul li:nth-child(n+3) { margin-top: 0; } } [class*=module_gallery-] ul li a { position: relative; display: block; overflow: hidden; text-decoration: none; } [class*=module_gallery-] ul li a img { width: 100%; transition: 0.6s; } [class*=module_gallery-] ul li a:hover img { transform: scale(1.1); } [class*=module_gallery-] ul li div.head .image img { width: 100%; } [class*=module_gallery-] ul li div.head .caption { position: relative; padding: 10px 0 10px 30px; margin-top: 0; font-size: 14px; color: #1253A4; text-align: left; letter-spacing: calc(60 / 1000 * 1em); } [class*=module_gallery-] ul li div.head .caption::before { position: absolute; top: 50%; left: 0; width: 20px; height: 1px; content: ""; background-color: #014099; } .module_gallery-01 ul li { display: flex; justify-content: center; width: 100%; margin-right: 0 !important; } .module_gallery-01 ul li:not(:first-child) { margin-top: 10px; } @media (min-width: 1000px) { .module_gallery-01 ul li:not(:first-child) { margin-top: 20px; } } .module_gallery-01 ul li div.head { display: table; } .module_gallery-01 ul li div.head .caption { display: table-caption; caption-side: bottom; } .module_gallery-02 ul li, .module_gallery-03 ul li, .module_gallery-04 ul li, .module_gallery-05 ul li, .module_gallery-06 ul li { width: calc(50% - 5px); } @media (min-width: 1000px) { .module_gallery-02 ul li { width: calc(50% - 10px); } } @media (min-width: 1000px) { .module_gallery-02 ul li:nth-child(2n) { margin-right: 0; } } @media (min-width: 1000px) { .module_gallery-02 ul li:nth-child(n+3) { margin-top: 20px; } } @media (min-width: 1000px) { .module_gallery-03 ul li { width: calc(33.3333333333% - 20px * 2 / 3 - 0.1px); } } @media (min-width: 1000px) { .module_gallery-03 ul li:nth-child(3n) { margin-right: 0; } } @media (min-width: 1000px) { .module_gallery-03 ul li:nth-child(n+4) { margin-top: 20px; } } @media (min-width: 1000px) { .module_gallery-04 ul li { width: calc(25% - 20px * 3 / 4); } } @media (min-width: 1000px) { .module_gallery-04 ul li:nth-child(4n) { margin-right: 0; } } @media (min-width: 1000px) { .module_gallery-04 ul li:nth-child(n+5) { margin-top: 20px; } } @media (min-width: 1000px) { .module_gallery-05 ul li { width: calc(20% - 20px * 4 / 5); } } @media (min-width: 1000px) { .module_gallery-05 ul li:nth-child(5n) { margin-right: 0; } } @media (min-width: 1000px) { .module_gallery-05 ul li:nth-child(n+6) { margin-top: 20px; } } @media (min-width: 1000px) { .module_gallery-06 ul li { width: calc(16.6666666667% - 20px * 5 / 6 - 0.1px); } } @media (min-width: 1000px) { .module_gallery-06 ul li:nth-child(6n) { margin-right: 0; } } @media (min-width: 1000px) { .module_gallery-06 ul li:nth-child(n+7) { margin-top: 20px; } } .module_breadCrumb { position: relative; padding: 8px 0 8px; font-size: 14px; color: #333; background-color: #EFF2F5; line-height: 1.7142857143; letter-spacing: calc(30 / 1000 * 1em); font-family: "Poppins", sans-serif; font-weight: 500; } @media (min-width: 1000px) { .module_breadCrumb { width: 100%; background-color: transparent; order: 2; margin-top: 30px; } } .module_breadCrumb .global_inner { display: flex; } .module_breadCrumb .module_breadCrumb-01 li { display: inline; } .module_breadCrumb .module_breadCrumb-01 li:not(:last-child)::after { display: inline-block; margin: 0 10px; content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; color: #CCCCCC; font-size: 8px; position: relative; top: -1px; } .module_breadCrumb .module_breadCrumb-01 li a br, .module_breadCrumb .module_breadCrumb-01 li span br { display: none; } .module_breadCrumb .module_breadCrumb-01 li a { color: #014099; text-decoration: none; } .module_breadCrumb .module_breadCrumb-01 li a:hover { text-decoration: none; } .module_column-col1 > p > a, .module_column-col2 > p > a { font-weight: 700; } .module_column-col1::after { display: block; height: 0; clear: both; visibility: hidden; content: "."; } .module_column-col1._left .img, .module_column-col1._order .img { position: relative; z-index: 1; max-width: calc(50% - 10px); margin-bottom: 1em; } @media (min-width: 1000px) { .module_column-col1._left .img, .module_column-col1._order .img { max-width: calc(50% - 15px); } } .module_column-col1._left .img { float: left; margin-right: 20px; } @media (min-width: 1000px) { .module_column-col1._left .img { margin-right: 30px; } } .module_column-col1._order .img { float: right; margin-left: 20px; } @media (min-width: 1000px) { .module_column-col1._order .img { margin-left: 30px; } } .module_column-col1._vertical-SP._left .img, .module_column-col1._vertical-SP._order .img { float: none; max-width: 100%; margin-right: auto; margin-bottom: 1em; margin-left: auto; } @media (min-width: 1000px) { .module_column-col1._vertical-SP._left .img, .module_column-col1._vertical-SP._order .img { max-width: calc(50% - 15px); margin-bottom: 1em; } } @media (min-width: 1000px) { .module_column-col1._vertical-SP._left .img { float: left; margin-right: 30px; } } @media (min-width: 1000px) { .module_column-col1._vertical-SP._order .img { float: right; margin-left: 30px; } } .module_column-col2 > .col { width: calc(50% - 10px); } @media (min-width: 1000px) { .module_column-col2 > .col { width: calc(50% - 25px); } } .module_column-col2 > .col._img { flex: none; max-width: calc(50% - 10px); } @media (min-width: 1000px) { .module_column-col2 > .col._img { max-width: calc(50% - 25px); } } .module_column-col2 > .col._text { width: 100% !important; } .module_column-col2._left > .col + .col { margin-left: 20px; } @media (min-width: 1000px) { .module_column-col2._left > .col + .col { margin-left: 50px; } } .module_column-col2._order { flex-direction: row-reverse; } .module_column-col2._order > .col + .col { margin-right: 20px; } @media (min-width: 1000px) { .module_column-col2._order > .col + .col { margin-right: 50px; } } .module_column-col2._vertical-SP { flex-direction: column; align-items: center; } @media (min-width: 1000px) { .module_column-col2._vertical-SP { align-items: stretch; } } .module_column-col2._vertical-SP > .col { width: 100%; } @media (min-width: 1000px) { .module_column-col2._vertical-SP > .col { width: calc(50% - 25px); } } .module_column-col2._vertical-SP > .col + .col { margin: 20px 0 0; } .module_column-col2._vertical-SP > .col._img { max-width: 100%; } @media (min-width: 1000px) { .module_column-col2._vertical-SP > .col._img { max-width: calc(50% - 25px); } } @media (min-width: 1000px) { .module_column-col2._vertical-SP._left { flex-direction: row; } } @media (min-width: 1000px) { .module_column-col2._vertical-SP._left > .col + .col { margin: 0 0 0 50px; } } @media (min-width: 1000px) { .module_column-col2._vertical-SP._order { flex-direction: row-reverse; } } @media (min-width: 1000px) { .module_column-col2._vertical-SP._order > .col + .col { margin: 0 50px 0 0; } } [class*=module_space-] { margin-top: 0 !important; margin-bottom: 0; border: none; } .module_space-L { padding-top: 40px !important; } @media (min-width: 1000px) { .module_space-L { padding-top: 70px !important; } } .module_space-M { padding-top: 30px !important; } @media (min-width: 1000px) { .module_space-M { padding-top: 40px !important; } } .module_space-S { padding-top: 20px !important; } .module_menu-01 li { display: flex; flex-wrap: wrap; } .module_menu-01 li [class*=mm_title] { position: relative; display: flex; align-items: center; order: 1; width: 100%; padding: 8px 15px 8px 50px; font-size: 16px; font-weight: 700; color: #333; text-decoration: none; transition: 0.6s; } .module_menu-01 li [class*=mm_title]::before, .module_menu-01 li [class*=mm_title]::after { transition: 0.6s; } .module_menu-01 li [class*=mm_title]::before { position: absolute; top: 50%; transform: translateY(-50%); left: 5px; content: ""; width: 25px; height: 25px; border-radius: 50%; background-color: #014099; } .module_menu-01 li [class*=mm_title]::after { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 700; line-height: 1; position: absolute; top: 14px; left: 14px; font-size: 11px; color: #fff; } .module_menu-01 li [class*=mm_title] br { display: none; } .module_menu-01 li [class*=mm_button] { position: relative; display: flex; align-items: center; justify-content: center; width: 35px; height: auto; pointer-events: all; background-color: transparent; } .module_menu-01 li [class*=mm_button]::before, .module_menu-01 li [class*=mm_button]::after { transition: 0.6s; } .module_menu-01 li [class*=mm_button]::before { content: ""; width: 25px; height: 25px; border-radius: 50%; background-color: #014099; } .module_menu-01 li [class*=mm_button]::after { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 700; line-height: 1; position: absolute; top: 15px; left: 14px; font-size: 11px; color: #fff; transform: rotate(90deg); } @media (min-width: 1000px) { .module_menu-01 li [class*=mm_button]::after { top: 25px; } } .module_menu-01 li [class*=mm_button] span { display: none; } .module_menu-01 li [class*=mm_button] + a { width: calc(100% - 35px); padding: 8px 15px 8px 15px; } .module_menu-01 li [class*=mm_button] + a::after, .module_menu-01 li [class*=mm_button] + a::before { content: none; } .module_menu-01 li [class*=mm_button]._open::after { transform: rotate(-90deg); } .module_menu-01 li [class*=mm_wrapper] { display: none; order: 3; width: 100%; padding: 0 20px; overflow: hidden; } .module_menu-01 li [class*=mm_wrapper] [class*=mm_inner] ul { width: 100%; } .module_menu-01 > li .mm_title { color: #014099; } .module_menu-01 > li .mm_title:hover { color: #5797E6; } .module_menu-01 > li .mm_title:hover::before { background-color: #5797E6; } .module_menu-01 > li .mm_wrapper-01 { padding: 0 15px 15px 40px; } .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li { border-top: 1px solid #8AABD5; } .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li:first-child { border-top: none; } .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li:last-child { border-bottom: 1px solid #8AABD5; } .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li .mm_title-01 { padding: 10px 15px 10px 25px; font-size: 14px; font-weight: 500; } .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li .mm_title-01::before { content: none; } .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li .mm_title-01::after { color: #014099; top: 16px; left: 0; } .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li .mm_title-01:hover { color: #1253A4; } @media (min-width: 1000px) { .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li .mm_button-01 + a { padding: 5px 10px 5px 10px; } } .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li .mm_wrapper-02 { padding: 0 20px; } .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li .mm_wrapper-02 .mm_inner-02 { padding: 0 15px 15px; } .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li .mm_wrapper-02 .mm_inner-02 ul li { border: none; } .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li .mm_wrapper-02 .mm_inner-02 ul li .mm_title-02 { padding: 6px 15px 6px 25px; font-size: 14px; font-weight: 500; } .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li .mm_wrapper-02 .mm_inner-02 ul li .mm_title-02::before { position: absolute; top: 50%; left: 0; width: 10px; height: 1px; content: ""; background-color: #014099; } .module_menu-01 > li .mm_wrapper-01 .mm_inner-01 ul li .mm_wrapper-02 .mm_inner-02 ul li .mm_title-02::after { content: none; } .module_menu-02 li a { position: relative; display: flex; align-items: center; padding: 7px 0 7px 26px; font-size: 13px; font-weight: 500; color: #014099; transition: 0.6s; } @media (min-width: 1000px) { .module_menu-02 li a { color: #333; font-size: 16px; padding: 7px 0 7px 30px; } } .module_menu-02 li a:hover { opacity: 0.7; } .module_menu-02 li a::before { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 700; line-height: 1; position: absolute; top: 12px; left: 0; font-size: 12px; } @media (min-width: 1000px) { .module_menu-02 li a::before { content: ""; top: 18px; width: 10px; height: 1px; background-color: #014099; } } @media (min-width: 1000px) { .module_menu-pc::after { display: block; height: 0; clear: both; visibility: hidden; content: "."; } } @media (min-width: 1000px) { .module_menu-pc > li { width: 45%; padding-right: 65px; } } @media (min-width: 1000px) { .module_menu-pc > li:first-child { float: left; padding-right: 65px; width: 55%; } } @media (min-width: 1000px) { .module_menu-pc > li:nth-child(2) { float: left; padding-right: 65px; width: 55%; } } @media (min-width: 1000px) { .module_menu-pc > li:not([class]) + li:not([class]) { margin-top: 5px; } } @media (min-width: 1000px) { .module_menu-pc > li .mm_button { display: none; } } @media (min-width: 1000px) { .module_menu-pc > li .mm_title { width: 100% !important; padding: 8px 15px 8px 50px !important; font-size: 18px; } } @media (min-width: 1000px) { .module_menu-pc > li .mm_title::before, .module_menu-pc > li .mm_title::after { content: "" !important; } } @media (min-width: 1000px) { .module_menu-pc > li .mm_title::before { width: 30px; height: 30px; left: 0; } } @media (min-width: 1000px) { .module_menu-pc > li .mm_title::after { content: "\f054" !important; top: 16px; left: 11px; font-size: 13px; } } @media (min-width: 1000px) { .module_menu-pc > li .mm_wrapper-01 { display: block; padding: 0 0 35px 60px; } } @media (min-width: 1000px) { .module_menu-pc > li .mm_wrapper-01 .mm_inner-01 ul li { border: none !important; } } @media (min-width: 1000px) { .module_menu-pc > li .mm_wrapper-01 .mm_inner-01 ul li .mm_title-01 { font-size: 16px; font-weight: 500; padding: 5px 15px 5px 25px; } } @media (min-width: 1000px) { .module_menu-pc > li .mm_wrapper-01 .mm_inner-01 ul li .mm_title-01::after { top: 11px; } } .module_timeLine-01 > li { position: relative; padding-left: 50px; } .module_timeLine-01 > li::before, .module_timeLine-01 > li::after { position: absolute; display: block; content: ""; } .module_timeLine-01 > li::before { top: 29px; left: 14px; width: 2px; height: 100%; background-color: #ccc; } .module_timeLine-01 > li:last-child::before { height: calc(100% - 29px); } .module_timeLine-01 > li:last-child .body { margin-bottom: 0; } .module_timeLine-01 > li.type-01::after, .module_timeLine-01 > li.type-02::after { top: 5px; left: 15px; width: 17px; height: 17px; border: 2px solid #014099; border-radius: 50%; transform: translateX(-50%); } .module_timeLine-01 > li.type-01::after { background-color: #014099; } .module_timeLine-01 > li.type-02::after { background-color: #fff; } .module_timeLine-01 > li.type-img::after, .module_timeLine-01 > li.type-clock::after { position: absolute; top: -14px; left: -10px; display: block; width: 50px; height: 50px; content: ""; background-color: #fff; border-radius: 50%; } .module_timeLine-01 > li .icon { position: absolute; top: -4px; left: 0; z-index: 2; width: 30px; height: 30px; } .module_timeLine-01 > li .icon img { width: auto; height: 100%; } .module_timeLine-01 > li .clock { position: absolute; top: -4px; left: 0; z-index: 2; width: 30px; height: 30px; border: 2px solid #014099; border-radius: 50%; } .module_timeLine-01 > li .clock::before, .module_timeLine-01 > li .clock::after { position: absolute; left: calc(50% - 1px); display: block; width: 2px; content: ""; background-color: #014099; transform-origin: bottom center; } .module_timeLine-01 > li .clock::before { top: 5px; height: 8px; } .module_timeLine-01 > li .clock::after { top: 3px; height: 10px; } .module_timeLine-01 > li .clock.hour-01.minute-00::before { transform: rotate(30deg); } .module_timeLine-01 > li .clock.hour-01.minute-05::before, .module_timeLine-01 > li .clock.hour-01.minute-10::before, .module_timeLine-01 > li .clock.hour-01.minute-15::before, .module_timeLine-01 > li .clock.hour-01.minute-20::before, .module_timeLine-01 > li .clock.hour-01.minute-25::before, .module_timeLine-01 > li .clock.hour-01.minute-30::before { transform: rotate(45deg); } .module_timeLine-01 > li .clock.hour-01.minute-35::before, .module_timeLine-01 > li .clock.hour-01.minute-40::before, .module_timeLine-01 > li .clock.hour-01.minute-45::before, .module_timeLine-01 > li .clock.hour-01.minute-50::before, .module_timeLine-01 > li .clock.hour-01.minute-55::before { transform: rotate(60deg); } .module_timeLine-01 > li .clock.hour-02.minute-00::before { transform: rotate(60deg); } .module_timeLine-01 > li .clock.hour-02.minute-05::before, .module_timeLine-01 > li .clock.hour-02.minute-10::before, .module_timeLine-01 > li .clock.hour-02.minute-15::before, .module_timeLine-01 > li .clock.hour-02.minute-20::before, .module_timeLine-01 > li .clock.hour-02.minute-25::before, .module_timeLine-01 > li .clock.hour-02.minute-30::before { transform: rotate(75deg); } .module_timeLine-01 > li .clock.hour-02.minute-35::before, .module_timeLine-01 > li .clock.hour-02.minute-40::before, .module_timeLine-01 > li .clock.hour-02.minute-45::before, .module_timeLine-01 > li .clock.hour-02.minute-50::before, .module_timeLine-01 > li .clock.hour-02.minute-55::before { transform: rotate(90deg); } .module_timeLine-01 > li .clock.hour-03.minute-00::before { transform: rotate(90deg); } .module_timeLine-01 > li .clock.hour-03.minute-05::before, .module_timeLine-01 > li .clock.hour-03.minute-10::before, .module_timeLine-01 > li .clock.hour-03.minute-15::before, .module_timeLine-01 > li .clock.hour-03.minute-20::before, .module_timeLine-01 > li .clock.hour-03.minute-25::before, .module_timeLine-01 > li .clock.hour-03.minute-30::before { transform: rotate(105deg); } .module_timeLine-01 > li .clock.hour-03.minute-35::before, .module_timeLine-01 > li .clock.hour-03.minute-40::before, .module_timeLine-01 > li .clock.hour-03.minute-45::before, .module_timeLine-01 > li .clock.hour-03.minute-50::before, .module_timeLine-01 > li .clock.hour-03.minute-55::before { transform: rotate(120deg); } .module_timeLine-01 > li .clock.hour-04.minute-00::before { transform: rotate(120deg); } .module_timeLine-01 > li .clock.hour-04.minute-05::before, .module_timeLine-01 > li .clock.hour-04.minute-10::before, .module_timeLine-01 > li .clock.hour-04.minute-15::before, .module_timeLine-01 > li .clock.hour-04.minute-20::before, .module_timeLine-01 > li .clock.hour-04.minute-25::before, .module_timeLine-01 > li .clock.hour-04.minute-30::before { transform: rotate(135deg); } .module_timeLine-01 > li .clock.hour-04.minute-35::before, .module_timeLine-01 > li .clock.hour-04.minute-40::before, .module_timeLine-01 > li .clock.hour-04.minute-45::before, .module_timeLine-01 > li .clock.hour-04.minute-50::before, .module_timeLine-01 > li .clock.hour-04.minute-55::before { transform: rotate(150deg); } .module_timeLine-01 > li .clock.hour-05.minute-00::before { transform: rotate(150deg); } .module_timeLine-01 > li .clock.hour-05.minute-05::before, .module_timeLine-01 > li .clock.hour-05.minute-10::before, .module_timeLine-01 > li .clock.hour-05.minute-15::before, .module_timeLine-01 > li .clock.hour-05.minute-20::before, .module_timeLine-01 > li .clock.hour-05.minute-25::before, .module_timeLine-01 > li .clock.hour-05.minute-30::before { transform: rotate(165deg); } .module_timeLine-01 > li .clock.hour-05.minute-35::before, .module_timeLine-01 > li .clock.hour-05.minute-40::before, .module_timeLine-01 > li .clock.hour-05.minute-45::before, .module_timeLine-01 > li .clock.hour-05.minute-50::before, .module_timeLine-01 > li .clock.hour-05.minute-55::before { transform: rotate(180deg); } .module_timeLine-01 > li .clock.hour-06.minute-00::before { transform: rotate(180deg); } .module_timeLine-01 > li .clock.hour-06.minute-05::before, .module_timeLine-01 > li .clock.hour-06.minute-10::before, .module_timeLine-01 > li .clock.hour-06.minute-15::before, .module_timeLine-01 > li .clock.hour-06.minute-20::before, .module_timeLine-01 > li .clock.hour-06.minute-25::before, .module_timeLine-01 > li .clock.hour-06.minute-30::before { transform: rotate(195deg); } .module_timeLine-01 > li .clock.hour-06.minute-35::before, .module_timeLine-01 > li .clock.hour-06.minute-40::before, .module_timeLine-01 > li .clock.hour-06.minute-45::before, .module_timeLine-01 > li .clock.hour-06.minute-50::before, .module_timeLine-01 > li .clock.hour-06.minute-55::before { transform: rotate(210deg); } .module_timeLine-01 > li .clock.hour-07.minute-00::before { transform: rotate(210deg); } .module_timeLine-01 > li .clock.hour-07.minute-05::before, .module_timeLine-01 > li .clock.hour-07.minute-10::before, .module_timeLine-01 > li .clock.hour-07.minute-15::before, .module_timeLine-01 > li .clock.hour-07.minute-20::before, .module_timeLine-01 > li .clock.hour-07.minute-25::before, .module_timeLine-01 > li .clock.hour-07.minute-30::before { transform: rotate(225deg); } .module_timeLine-01 > li .clock.hour-07.minute-35::before, .module_timeLine-01 > li .clock.hour-07.minute-40::before, .module_timeLine-01 > li .clock.hour-07.minute-45::before, .module_timeLine-01 > li .clock.hour-07.minute-50::before, .module_timeLine-01 > li .clock.hour-07.minute-55::before { transform: rotate(240deg); } .module_timeLine-01 > li .clock.hour-08.minute-00::before { transform: rotate(240deg); } .module_timeLine-01 > li .clock.hour-08.minute-05::before, .module_timeLine-01 > li .clock.hour-08.minute-10::before, .module_timeLine-01 > li .clock.hour-08.minute-15::before, .module_timeLine-01 > li .clock.hour-08.minute-20::before, .module_timeLine-01 > li .clock.hour-08.minute-25::before, .module_timeLine-01 > li .clock.hour-08.minute-30::before { transform: rotate(255deg); } .module_timeLine-01 > li .clock.hour-08.minute-35::before, .module_timeLine-01 > li .clock.hour-08.minute-40::before, .module_timeLine-01 > li .clock.hour-08.minute-45::before, .module_timeLine-01 > li .clock.hour-08.minute-50::before, .module_timeLine-01 > li .clock.hour-08.minute-55::before { transform: rotate(270deg); } .module_timeLine-01 > li .clock.hour-09.minute-00::before { transform: rotate(270deg); } .module_timeLine-01 > li .clock.hour-09.minute-05::before, .module_timeLine-01 > li .clock.hour-09.minute-10::before, .module_timeLine-01 > li .clock.hour-09.minute-15::before, .module_timeLine-01 > li .clock.hour-09.minute-20::before, .module_timeLine-01 > li .clock.hour-09.minute-25::before, .module_timeLine-01 > li .clock.hour-09.minute-30::before { transform: rotate(285deg); } .module_timeLine-01 > li .clock.hour-09.minute-35::before, .module_timeLine-01 > li .clock.hour-09.minute-40::before, .module_timeLine-01 > li .clock.hour-09.minute-45::before, .module_timeLine-01 > li .clock.hour-09.minute-50::before, .module_timeLine-01 > li .clock.hour-09.minute-55::before { transform: rotate(300deg); } .module_timeLine-01 > li .clock.hour-10.minute-00::before { transform: rotate(300deg); } .module_timeLine-01 > li .clock.hour-10.minute-05::before, .module_timeLine-01 > li .clock.hour-10.minute-10::before, .module_timeLine-01 > li .clock.hour-10.minute-15::before, .module_timeLine-01 > li .clock.hour-10.minute-20::before, .module_timeLine-01 > li .clock.hour-10.minute-25::before, .module_timeLine-01 > li .clock.hour-10.minute-30::before { transform: rotate(315deg); } .module_timeLine-01 > li .clock.hour-10.minute-35::before, .module_timeLine-01 > li .clock.hour-10.minute-40::before, .module_timeLine-01 > li .clock.hour-10.minute-45::before, .module_timeLine-01 > li .clock.hour-10.minute-50::before, .module_timeLine-01 > li .clock.hour-10.minute-55::before { transform: rotate(330deg); } .module_timeLine-01 > li .clock.hour-11.minute-00::before { transform: rotate(330deg); } .module_timeLine-01 > li .clock.hour-11.minute-05::before, .module_timeLine-01 > li .clock.hour-11.minute-10::before, .module_timeLine-01 > li .clock.hour-11.minute-15::before, .module_timeLine-01 > li .clock.hour-11.minute-20::before, .module_timeLine-01 > li .clock.hour-11.minute-25::before, .module_timeLine-01 > li .clock.hour-11.minute-30::before { transform: rotate(345deg); } .module_timeLine-01 > li .clock.hour-11.minute-35::before, .module_timeLine-01 > li .clock.hour-11.minute-40::before, .module_timeLine-01 > li .clock.hour-11.minute-45::before, .module_timeLine-01 > li .clock.hour-11.minute-50::before, .module_timeLine-01 > li .clock.hour-11.minute-55::before { transform: rotate(0deg); } .module_timeLine-01 > li .clock.hour-12.minute-00::before { transform: rotate(0deg); } .module_timeLine-01 > li .clock.hour-12.minute-05::before, .module_timeLine-01 > li .clock.hour-12.minute-10::before, .module_timeLine-01 > li .clock.hour-12.minute-15::before, .module_timeLine-01 > li .clock.hour-12.minute-20::before, .module_timeLine-01 > li .clock.hour-12.minute-25::before, .module_timeLine-01 > li .clock.hour-12.minute-30::before { transform: rotate(15deg); } .module_timeLine-01 > li .clock.hour-12.minute-35::before, .module_timeLine-01 > li .clock.hour-12.minute-40::before, .module_timeLine-01 > li .clock.hour-12.minute-45::before, .module_timeLine-01 > li .clock.hour-12.minute-50::before, .module_timeLine-01 > li .clock.hour-12.minute-55::before { transform: rotate(30deg); } .module_timeLine-01 > li .clock.minute-00::after { transform: rotate(0deg); } .module_timeLine-01 > li .clock.minute-05::after { transform: rotate(30deg); } .module_timeLine-01 > li .clock.minute-10::after { transform: rotate(60deg); } .module_timeLine-01 > li .clock.minute-15::after { transform: rotate(90deg); } .module_timeLine-01 > li .clock.minute-20::after { transform: rotate(120deg); } .module_timeLine-01 > li .clock.minute-25::after { transform: rotate(150deg); } .module_timeLine-01 > li .clock.minute-30::after { transform: rotate(180deg); } .module_timeLine-01 > li .clock.minute-35::after { transform: rotate(210deg); } .module_timeLine-01 > li .clock.minute-40::after { transform: rotate(240deg); } .module_timeLine-01 > li .clock.minute-45::after { transform: rotate(270deg); } .module_timeLine-01 > li .clock.minute-50::after { transform: rotate(300deg); } .module_timeLine-01 > li .clock.minute-55::after { transform: rotate(330deg); } .module_timeLine-01 > li .clock span { position: absolute; top: 50%; left: 50%; display: block; width: 2px; height: 2px; background-color: #014099; transform: translate(-50%, -50%); } .module_timeLine-01 > li .head .title-sub { font-size: 14px; } .module_timeLine-01 > li .head .title-main { font-size: 20px; font-weight: 700; } .module_timeLine-01 > li .body { padding-bottom: 30px; margin-top: 20px; margin-bottom: 30px; border-bottom: 1px solid #ccc; } .module_timeLine-01 > li .body:empty { margin-top: 0; } @media (min-width: 1000px) { .module_timeLine-01 > li .body._column { display: flex; flex-direction: row-reverse; justify-content: space-between; } } .module_timeLine-01 > li .body._column .image { margin-bottom: 20px; } @media (min-width: 1000px) { .module_timeLine-01 > li .body._column .image { width: 250px; margin-bottom: 0; } } @media (min-width: 1000px) { .module_timeLine-01 > li .body._column .text { width: calc(100% - 300px); } } .module_accordion-01._qa .accordion .head { margin-left: 15px; padding: 19px 45px 19px 40px; min-height: 63px; } @media (min-width: 1000px) { .module_accordion-01._qa .accordion .head { padding: 22px 70px 22px 40px; } } .module_accordion-01._qa .accordion .head::before { position: absolute; top: 16px; left: -15px; content: "Q"; font-family: "Poppins", sans-serif; font-weight: 500; font-size: 16px; color: #fff; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #014099; border-radius: 50%; } @media (min-width: 1000px) { .module_accordion-01._qa .accordion .head::before { top: 22px; } } .module_accordion-01._qa .accordion .body { padding: 0; background-color: transparent; } .module_accordion-01._qa .accordion .body .text { padding: 0 20px 30px 40px; margin-left: 15px; background-color: #EFF2F5; } @media (min-width: 1000px) { .module_accordion-01._qa .accordion .body .text { padding: 0 90px 30px 40px; } } .module_accordion-01._qa .accordion .body .text::before { position: absolute; top: 1px; left: 0; content: "A"; font-family: "Poppins", sans-serif; font-weight: 500; font-size: 16px; color: #fff; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #F26964; border-radius: 50%; } @media (min-width: 1000px) { .module_accordion-01._qa .accordion .body .text::before { top: 0; } } .module_accordion-01 .accordion._open .head .button span::after { transform: rotate(0deg); } .module_accordion-01 .accordion + .accordion { margin-top: 20px; } .module_accordion-01 .accordion .head { position: relative; padding: 10px 45px 10px 15px; cursor: pointer; background-color: #EFF2F5; color: #014099; transition: 0.6s; } @media (min-width: 1000px) { .module_accordion-01 .accordion .head { padding: 22px 70px 22px 25px; } } .module_accordion-01 .accordion .head:hover { opacity: 0.7; } .module_accordion-01 .accordion .head .title { font-size: 16px; font-weight: 500; letter-spacing: calc(50 / 1000 * 1em); } .module_accordion-01 .accordion .head .button { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 45px; height: 100%; background-color: #EFF2F5; transition: 0.6s; } @media (min-width: 1000px) { .module_accordion-01 .accordion .head .button { width: 70px; } } .module_accordion-01 .accordion .head .button span::before, .module_accordion-01 .accordion .head .button span::after { position: absolute; top: calc(50% - 1px); left: calc(50% - 7px); display: block; width: 16px; height: 2px; content: ""; background-color: #014099; transition: 0.6s; } .module_accordion-01 .accordion .head .button span::after { transform: rotate(90deg); } .module_accordion-01 .accordion .body { position: relative; display: none; padding: 0 15px 30px; background-color: #EFF2F5; } @media (min-width: 1000px) { .module_accordion-01 .accordion .body { padding: 0 90px 30px 25px; } } .module_accordion-01 .accordion .body .text { font-size: 16px; font-weight: 500; line-height: 1.875; } .module_sns-01 .title { text-align: center; } .module_sns-01 .title .sub { position: relative; display: inline-block; padding: 0 30px; font-size: 13px; font-family: "Noto Serif JP", serif; font-weight: 400; letter-spacing: calc(100 / 1000 * 1em); } .module_sns-01 .title .sub::before, .module_sns-01 .title .sub::after { position: absolute; top: 50%; width: 16px; height: 1px; content: ""; background-color: #333; } .module_sns-01 .title .sub::after { left: 0; } .module_sns-01 .title .sub::before { right: 0; } .module_sns-01 .title .main { margin-top: 10px; font-size: 16px; font-weight: 500; letter-spacing: calc(100 / 1000 * 1em); } .module_sns-01 .list { display: flex; justify-content: center; margin-top: 15px; } .module_sns-01 .list li { padding: 0 8px; } .module_sns-01 .list li a { display: block; transition: 0.6s; } .module_sns-01 .list li a:hover { opacity: 0.7; } @media (min-width: 1000px) { .module_content-01 { display: flex; justify-content: space-between; } } .module_content-01._left { justify-content: flex-end; } .module_content-01._left .head { text-align: left; } @media (min-width: 1000px) { .module_content-01._left .head { padding: 75px 0 0 80px; } } .module_content-01._left .head .top_title-01 { text-align: left; } @media (min-width: 1000px) { .module_content-01._left .body { right: auto; left: 0; } } .module_content-01 .head { text-align: center; } @media (min-width: 1000px) { .module_content-01 .head { position: relative; z-index: 2; width: 690px; min-height: 600px; padding: 75px 60px 0 0; margin-top: 90px; text-align: left; background-color: #fff; } } .module_content-01 .head .top_title-01 { margin-bottom: 20px; } @media (min-width: 1000px) { .module_content-01 .head .top_title-01 { margin-bottom: 15px; } } .module_content-01 .head .top_title-01 .title-main { line-height: 1.2105263158; } .module_content-01 .head .top_title-01 .title-main::after { content: none; } .module_content-01 .head .top_title-01 .title-sub { margin-top: 20px; } @media (min-width: 1000px) { .module_content-01 .head .top_title-01 .title-sub { margin-top: 30px; } } .module_content-01 .head .title { display: inline; padding-bottom: 6px; margin-top: 15px; font-size: 22px; border-bottom: 2px solid #333; letter-spacing: calc(50 / 1000 * 1em); line-height: 2.3636363636; } @media (min-width: 1000px) { .module_content-01 .head .title { padding-bottom: 15px; font-size: 26px; border-bottom: 3px solid #333; } } .module_content-01 .head .text { margin-top: 30px; font-size: 15px; line-height: 1.8666666667; text-align: left; } @media (min-width: 1000px) { .module_content-01 .head .text { margin-top: 40px; } } .module_content-01 .head .module_button { justify-content: center; margin-top: 40px; } @media (min-width: 1000px) { .module_content-01 .head .module_button { justify-content: flex-start; } } .module_content-01 .body { width: calc(100% + 40px); margin-top: 45px; margin-left: -20px; overflow: hidden; } @media (min-width: 1000px) { .module_content-01 .body { position: absolute; top: 0; right: 0; width: calc(100% - 580px); height: 690px; margin: 0; overflow: visible; } } @media (min-width: 1280px) { .module_content-01 .body { width: calc(640px + 50% - 640px); height: 690px; } } .module_content-01 .body .image { position: relative; z-index: 1; display: block; width: 100%; height: 100%; padding-bottom: 74.6666666667%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: 0.6s; } .module_content-01 .body .image::before { position: absolute; top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); content: ""; border: 1px solid #fff; } @media (min-width: 1000px) { .module_content-01 .body .image::before { top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); } } .module_content-02 { position: relative; } .module_content-02 + .module_content-02 { margin-top: 30px; } @media (min-width: 1000px) { .module_content-02 + .module_content-02 { margin-top: 70px; } } .module_content-02 > li { max-width: 1280px; padding: 0 20px; } @media (min-width: 1000px) { .module_content-02 > li { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 0 60px; margin: 0 auto; } } .module_content-02 > li._left { justify-content: flex-end; } @media (min-width: 1000px) { .module_content-02 > li._left .body { right: auto; left: 0; } } @media (min-width: 1000px) { .module_content-02 .head { width: 500px; min-height: 400px; } } .module_content-02 .head .title { font-size: 18px; font-weight: 700; letter-spacing: calc(30 / 1000 * 1em); line-height: 1.5; color: #014099; text-align: center; } @media (min-width: 1000px) { .module_content-02 .head .title { font-size: 28px; text-align: left; } } .module_content-02 .head .text { margin-top: 15px; font-size: 16px; line-height: 1.75; } @media (min-width: 1000px) { .module_content-02 .head .text { margin-top: 35px; } } .module_content-02 .body { width: calc(100% + 40px); margin-top: 30px; margin-left: -20px; overflow: hidden; } @media (min-width: 1000px) { .module_content-02 .body { position: absolute; top: 0; right: 0; width: calc(100% - 640px); margin: 0; overflow: visible; } } @media (min-width: 1280px) { .module_content-02 .body { width: calc(640px + 50% - 640px); height: 426px; padding-bottom: 0; } } .module_content-02 .body .image { position: relative; z-index: 1; display: block; width: 100%; height: 100%; padding-bottom: 61.8666666667%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: 0.6s; } @media (min-width: 1280px) { .module_content-02 .body .image { padding-bottom: 0; } } .module_club-01 { margin-top: 60px; } .module_club-01 > li + li { margin-top: 45px; } .module_club-01 > li._open .top_contents .content .body .text._more { max-height: none; overflow: visible; } .module_club-01 > li._open .top_contents .content .body .text._more::after { content: none; } .module_club-01 > li._open .top_contents .content .body .button { display: none; } .module_club-01 > li .top_contents { margin-bottom: 50px; } @media (min-width: 1000px) { .module_club-01 > li .top_contents .content { display: flex; justify-content: space-between; } } .module_club-01 > li .top_contents .content .head { margin-bottom: 20px; } @media (min-width: 1000px) { .module_club-01 > li .top_contents .content .head { order: 2; width: 360px; } } .module_club-01 > li .top_contents .content .head .image { text-align: center; } @media (min-width: 1000px) { .module_club-01 > li .top_contents .content .head .image { text-align: left; } } .module_club-01 > li .top_contents .content .body { text-align: center; } @media (min-width: 1000px) { .module_club-01 > li .top_contents .content .body { order: 1; width: calc(100% - 400px); } } .module_club-01 > li .top_contents .content .body .module_title-03 { text-align: left; } .module_club-01 > li .top_contents .content .body .text { position: relative; text-align: left; } .module_club-01 > li .top_contents .content .body .text._more { max-height: 130px; overflow: hidden; } .module_club-01 > li .top_contents .content .body .text._more::after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 50px; content: ""; background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.5998600124) 100%); } .module_club-01 > li .top_contents .content .body .button { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 4px 44px; margin-top: 25px; font-size: 15px; font-weight: 500; text-align: center; cursor: pointer; border: 1px solid #707070; transition: 0.6s; letter-spacing: calc(60 / 1000 * 1em); } .module_club-01 > li .top_contents .content .body .button:hover { opacity: 0.7; } .module_club-01 > li .top_contents .content .body .button::before, .module_club-01 > li .top_contents .content .body .button::after { position: absolute; top: calc(50% - 1px); right: 12px; width: 12px; height: 2px; content: ""; background-color: #014099; } .module_club-01 > li .top_contents .content .body .button::after { transform: rotate(90deg); } .module_select-01 { width: 100%; } .module_select-01 .wrap { position: relative; font-size: 16px; font-weight: 500; } .module_select-01 .wrap::after { content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 700; line-height: 1; position: absolute; top: 50%; right: 20px; pointer-events: none; font-size: 14px; transform: translateY(-50%); color: #014099; } .module_select-01 select { background-color: transparent !important; border: 1px solid #C9D8EB; padding: 5px 50px 5px 25px; height: 60px; font-size: 16px; cursor: pointer; font-weight: 500; color: #014099; } .module_flex-01 { display: flex; } .module_flex-01 li { width: calc((100% - 2px) / 3); margin-right: 1px; } .module_flex-01 li:nth-child(3n+3) { margin-right: 0; } .module_flex-01 li a { display: flex; align-items: center; justify-content: center; height: 100%; background-color: #014099; color: #fff; text-decoration: none; padding: 14px 4px; transition: 0.6s; } .module_flex-01 li a:hover { background-color: #4D82CC; } .module_flex-01 li a .wrap .icon { text-align: center; } .module_flex-01 li a .wrap .icon i { font-size: 25px; line-height: 1em; } .module_flex-01 li a .wrap .title { font-size: 10px; font-weight: 700; text-align: center; } @media (min-width: 1000px) { .module_flex-02 { display: flex; } } @media (min-width: 1000px) { .module_flex-02 > li { width: calc((100% - 90px) / 3); } } .module_flex-02 > li + li { margin-top: 10px; } @media (min-width: 1000px) { .module_flex-02 > li + li { margin: 0 0 0 45px; } } .module_flex-02 > li a { position: relative; display: flex; align-items: flex-end; text-decoration: none; color: #fff; height: 350px; padding: 25px 55px 30px 25px; } @media (min-width: 1000px) { .module_flex-02 > li a { padding: 25px 23px 55px 23px; height: 393px; } } .module_flex-02 > li a:hover .head::after { opacity: 0; } .module_flex-02 > li a:hover .head .image { transform: scale(1.1); } .module_flex-02 > li a .head { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .module_flex-02 > li a .head::before { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; content: ""; background-color: rgba(0, 9, 21, 0.33); } .module_flex-02 > li a .head::after { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; content: ""; background: linear-gradient(0deg, rgba(38, 46, 57, 0.87) 0%, rgba(0, 9, 21, 0) 75%); transition: 0.6s; opacity: 1; } .module_flex-02 > li a .head .image { position: relative; z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: 0.6s; } .module_flex-02 > li a .body { position: relative; z-index: 3; } .module_flex-02 > li a .body .wrap .sub { letter-spacing: calc(30 / 1000 * 1em); font-size: 18px; font-weight: 500; } @media (min-width: 1000px) { .module_flex-02 > li a .body .wrap .sub { font-size: 16px; } } .module_flex-02 > li a .body .wrap .title { font-size: 28px; font-weight: 700; } @media (min-width: 1000px) { .module_flex-02 > li a .body .wrap .title { font-size: 26px; } } .module_flex-02 > li a .body .wrap .text { margin-top: 5px; letter-spacing: calc(30 / 1000 * 1em); font-size: 16px; font-weight: 500; line-height: 1.5; } @media (min-width: 1000px) { .module_flex-02 > li a .body .wrap .text { margin-top: 15px; font-size: 15px; } } .module_flex-02 > li a .foot { position: absolute; right: 15px; bottom: 30px; z-index: 3; } @media (min-width: 1000px) { .module_flex-02 > li a .foot { bottom: 15px; } } .module_flex-02 > li a .foot .icon { width: 31px; height: 31px; background-color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .module_flex-02 > li a .foot .icon i { color: #014099; font-size: 12px; margin-left: 2px; } @media (min-width: 1000px) { .module_flex-03 { display: flex; flex-wrap: wrap; } } .module_flex-03 > li { display: flex; align-items: center; justify-content: space-between; } @media (min-width: 1000px) { .module_flex-03 > li { display: block; margin-left: 75px; width: calc((100% - 150px) / 3); } } .module_flex-03 > li + li { margin-top: 20px; } @media (min-width: 1000px) { .module_flex-03 > li + li { margin-top: 0; } } @media (min-width: 1000px) { .module_flex-03 > li:nth-child(3n+1) { margin-left: 0; } } .module_flex-03 > li .head { width: 90px; } @media (min-width: 1000px) { .module_flex-03 > li .head { max-width: 256px; width: 100%; padding-bottom: 100%; height: 0; margin: 0 auto; } } .module_flex-03 > li .head .image { width: 90px; height: 90px; border-radius: 50%; background-size: cover; } @media (min-width: 1000px) { .module_flex-03 > li .head .image { max-width: 256px; width: 100%; height: 0; padding-bottom: 100%; } } .module_flex-03 > li .body { width: calc(100% - 105px); } @media (min-width: 1000px) { .module_flex-03 > li .body { width: 100%; text-align: center; } } .module_flex-03 > li .body .text { font-size: 14px; font-weight: 700; line-height: 1.4285714286; } @media (min-width: 1000px) { .module_flex-03 > li .body .text { margin-top: 30px; font-size: 18px; line-height: 1.5555555556; } } @media (min-width: 1000px) { .module_flex-04 { display: flex; flex-wrap: wrap; } } @media (min-width: 1000px) { .module_flex-04._column2 > li { width: calc((100% - 60px) / 2); } } @media (min-width: 1000px) { .module_flex-04._column2 > li:nth-child(3n+1) { margin-left: 0; } } @media (min-width: 1000px) { .module_flex-04._column2 > li .ico { left: 146px; } } @media (min-width: 1000px) { .module_flex-04._column3 > li { width: calc((100% - 120px) / 3); } } @media (min-width: 1000px) { .module_flex-04._column3 > li:nth-child(3n+1) { margin-left: 0; } } @media (min-width: 1000px) { .module_flex-04._column3 > li .ico { left: 41px; } } .module_flex-04._repeat > li + li { margin-top: 50px; } @media (min-width: 1000px) { .module_flex-04._repeat > li + li { margin-top: 0; } } .module_flex-04._repeat > li + li > .body { position: relative; } .module_flex-04._repeat > li + li > .body::before { position: absolute; top: -70px; left: 50%; transform: translateX(-50%); content: ""; width: 37px; height: 43px; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/ico_repeat-arrow.svg"); background-size: contain; background-repeat: no-repeat; } @media (min-width: 1000px) { .module_flex-04._repeat > li + li > .body::before { width: 30px; height: 19px; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/ico_arrow-scene2.svg"); background-size: contain; background-repeat: no-repeat; left: -47px; transform: rotate(-90deg); top: -63px; } } .module_flex-04 > li { position: relative; display: flex; justify-content: space-between; padding-top: 40px; } @media (min-width: 1000px) { .module_flex-04 > li { padding-top: 35px; margin-left: 60px; width: calc((100% - 180px) / 4); display: flex; flex-flow: column; align-items: center; justify-content: flex-start; } } .module_flex-04 > li + li { margin-top: 20px; } @media (min-width: 1000px) { .module_flex-04 > li + li { margin-top: 0; } } .module_flex-04 > li + li > .body { position: relative; } .module_flex-04 > li + li > .body::before { position: absolute; top: -47px; left: 50%; transform: translateX(-50%); content: ""; width: 30px; height: 19px; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/ico_arrow-scene2.svg"); background-size: contain; background-repeat: no-repeat; } @media (min-width: 1000px) { .module_flex-04 > li + li > .body::before { top: 65px; left: -47px; transform: rotate(-90deg); } } @media (min-width: 1000px) { .module_flex-04 > li:nth-child(4n+1) { margin-left: 0; } } .module_flex-04 > li .ico { width: 93px; height: 93px; background-color: #F26964; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-size: 16px; font-weight: 700; text-align: center; line-height: 1.2857142857; } @media (min-width: 1000px) { .module_flex-04 > li .ico { width: 93px; height: 93px; } } .module_flex-04 > li .ico .title span { display: block; white-space: nowrap; } .module_flex-04 > li .ico .title._line2 { font-size: 13px; } @media (min-width: 1000px) { .module_flex-04 > li .ico .title._line2 { font-size: 13px; } } .module_flex-04 > li .ico .title._line3 { font-size: 12px; } @media (min-width: 1000px) { .module_flex-04 > li .ico .title._line3 { font-size: 12px; } } .module_flex-04 > li .head { width: 115px; padding-right: 15px; display: none; } @media (min-width: 1000px) { .module_flex-04 > li .head { max-width: 200px; width: 100%; margin: 0 auto; padding-right: 0; } } .module_flex-04 > li .head .image { width: 100px; height: 100px; border-radius: 50%; background-size: cover; } @media (min-width: 1000px) { .module_flex-04 > li .head .image { max-width: 200px; width: 100%; height: 0; padding-bottom: 100%; } } .module_flex-04 > li .body { width: calc(100% - 115px); } @media (min-width: 1000px) { .module_flex-04 > li .body { width: 100%; } } .module_flex-04 > li .body .text { font-size: 16px; font-weight: 500; line-height: 1.5625; color: #fff; } @media (min-width: 1000px) { .module_flex-04 > li .body .text { margin-top: 25px; } } @media (min-width: 1000px) { .module_flex-05 { display: flex; flex-wrap: wrap; } } .module_flex-05::before { content: none; position: absolute; top: 29px; left: -60px; z-index: -1; width: calc(100% + 120px); height: 348px; background-color: #EFF2F5; } @media (min-width: 1000px) { .module_flex-05::before { content: ""; width: 100%; } } .module_flex-05 > li { position: relative; } .module_flex-05 > li + li { margin-top: 30px; } @media (min-width: 1000px) { .module_flex-05 > li + li { margin-top: 0; } } @media (min-width: 1000px) { .module_flex-05 > li { margin-left: 40px; width: calc((100% - 80px) / 3); } } @media (min-width: 1000px) { .module_flex-05 > li:nth-child(3n+1) { margin-left: 0; } } .module_flex-05 > li::before { content: ""; position: absolute; top: 29px; left: -20px; z-index: -1; width: calc(100% + 40px); height: 260px; background-color: #EFF2F5; } @media (min-width: 1000px) { .module_flex-05 > li::before { content: none; } } .module_flex-05 > li .head { text-align: center; } .module_flex-05 > li .head .icon { display: flex; align-items: center; justify-content: center; font-size: 18px; font-family: "Poppins", sans-serif; font-weight: 700; line-height: 1em; width: 58px; height: 58px; background-color: #1253A4; color: #fff; border-radius: 50%; margin: 0 auto; } .module_flex-05 > li .head .title { margin-top: 20px; font-size: 20px; font-weight: 700; line-height: 1.4; color: #1253A4; } .module_flex-05 > li .body { border-radius: 10px; overflow: hidden; margin-top: 20px; } @media (min-width: 1000px) { .module_flex-05 > li .body { margin-top: 25px; } } .module_flex-05 > li .body .image { border-radius: 10px; position: relative; z-index: 1; display: block; width: 100%; height: 100%; padding-bottom: 61.7647058824%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: 0.6s; } .module_flex-05 > li .foot .text { margin-top: 20px; font-size: 16px; line-height: 1.5625; } @media (min-width: 1000px) { .module_flex-05 > li .foot .text { margin-top: 30px; } } .module_flex-06 > li { background-color: #fff; } .module_flex-06 > li + li { margin-top: 54px; } .module_flex-06 > li._open > .body > .text::after { opacity: 0; } .module_flex-06 > li._open > .body .module_button-05 ._close { display: none; } .module_flex-06 > li._open > .body .module_button-05 ._open { display: block; } .module_flex-06 > li._open > .body .module_button-05 .icon i { transform: rotate(180deg); } .module_flex-06 > li > .head { padding: 20px 20px 0 20px; } @media (min-width: 1000px) { .module_flex-06 > li > .head { padding: 30px 30px 0 30px; } } .module_flex-06 > li > .head .wrap { color: #1253A4; font-size: 16px; font-weight: 700; line-height: 1.5625; padding-bottom: 15px; border-bottom: 1px solid #B2BED0; } @media (min-width: 1000px) { .module_flex-06 > li > .head .wrap { padding-bottom: 25px; display: flex; justify-content: space-between; } } @media (min-width: 1000px) { .module_flex-06 > li > .head .wrap .title { width: calc(100% - 270px); min-height: 50px; } } .module_flex-06 > li > .head .wrap .name { margin-top: 10px; } @media (min-width: 1000px) { .module_flex-06 > li > .head .wrap .name { width: 270px; margin-top: 0; padding-left: 30px; text-align: right; display: flex; align-items: flex-end; justify-content: flex-end; } } .module_flex-06 > li > .body { position: relative; padding: 15px 20px 60px 20px; } @media (min-width: 1000px) { .module_flex-06 > li > .body { padding: 20px 30px 60px 30px; } } .module_flex-06 > li > .body .sub { display: flex; color: #F26964; font-weight: 700; font-size: 16px; line-height: 1.5625; } .module_flex-06 > li > .body .sub i { width: 38px; font-size: 23px; } .module_flex-06 > li > .body .sub span { width: calc(100% - 38px); display: block; } .module_flex-06 > li > .body > .text { margin-top: 20px; position: relative; line-height: 1.75; height: 114px; overflow: hidden; transition: 0.6s; } @media (min-width: 1000px) { .module_flex-06 > li > .body > .text { margin-top: 30px; height: 80px; } } .module_flex-06 > li > .body > .text::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); transition: 0.6s; opacity: 1; } .module_flex-06 > li > .body .module_button-05 { position: absolute; left: 50%; bottom: -43px; transform: translateX(-50%); } .module_flex-06 > li > .body .module_button-05 ._open { display: none; } .module_flex-06 > li > .body .module_button-05 .icon i { transition: 0.6s; } .module_phone-01 { color: #014099; border: 1px solid #014099; max-width: 300px; margin: 0 auto; padding: 12px 15px; } .module_phone-01 .head .title { text-align: center; font-size: 14px; font-weight: 500; } .module_phone-01 .body { display: flex; justify-content: center; align-items: center; } .module_phone-01 .body .icon { font-size: 34px; transform: rotate(15deg); } .module_phone-01 .body .box { margin-left: 15px; } .module_phone-01 .body .box .number { text-align: left; } .module_phone-01 .body .box .number a { text-decoration: none; color: #014099; font-family: "Poppins", sans-serif; font-weight: 700; font-size: 22px; line-height: 1em; text-align: left; } .module_phone-01 .body .box .text { font-size: 12px; line-height: 1em; margin-top: 2px; text-align: left; } .module_phone-02 { max-width: 260px; margin: 0 auto; } .module_phone-02._font .head .title { font-size: 12px; } .module_phone-02 .head { border: 1px solid #014099; background-color: #014099; display: flex; align-items: center; justify-content: center; padding: 5px 10px; min-height: 34px; } .module_phone-02 .head .title { font-size: 14px; color: #fff; font-weight: 700; text-align: center; } .module_phone-02 .body { border-left: 1px solid #D5DDE6; border-right: 1px solid #D5DDE6; border-bottom: 1px solid #D5DDE6; border-radius: 0 0 8px 8px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 8px 5px 15px; } .module_phone-02 .body .wrap { font-size: 12px; font-weight: 500; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } .module_phone-02 .body .tel { width: 100%; font-family: "Poppins", sans-serif; font-weight: 700; font-size: 24px; color: #014099; } .module_phone-02 .body .tel a { text-decoration: none; } .module_phone-02 .body .title { width: 60px; text-align: left; } .module_phone-02 .body .text { text-align: left; max-width: calc(100% - 60px); } .module_phoneText-01 { border: 1px solid #014099; background-color: #fff; padding: 6px 20px; } .module_phoneText-01 > .inner { font-size: 12px; line-height: 1.5; color: #014099; text-align: left; } .module_grid-function .check:checked + label::after { opacity: 1; } .module_grid-function .check:checked + label + .bg { display: block; } .module_grid-function .label { box-sizing: border-box; cursor: pointer; display: inline-block; position: fixed; top: 10px; left: 0; width: auto; z-index: 20000; } .module_grid-function .label::before { background: #fff; border: 1px solid #231815; content: ""; display: block; width: 16px; height: 16px; position: absolute; top: -2px; left: 5px; } .module_grid-function .label::after { border-right: 3px solid #ed7a9c; border-bottom: 3px solid #ed7a9c; content: ""; display: block; width: 5px; height: 9px; position: absolute; top: 0; left: 10px; transform: rotate(45deg); opacity: 0; } .module_grid-function .bg { display: none; position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/grid-10.svg"); opacity: 0.4; filter: saturate(990%); pointer-events: none; } .module_category { display: flex; flex-wrap: wrap; margin-top: -5px; } .module_category .label { margin-top: 5px; } @media (min-width: 1000px) { .module_classCard-01 > li { padding-bottom: 25px; border-bottom: 1px solid #D5DDE6; } .module_classCard-01 > li::after { display: block; height: 0; clear: both; visibility: hidden; content: "."; } } .module_classCard-01 > li + li { margin-top: 30px; } @media (min-width: 1000px) { .module_classCard-01 > li + li { margin-top: 60px; } } @media (min-width: 1000px) { .module_classCard-01 > li > .head { width: 220px; float: left; padding-right: 20px; } } .module_classCard-01 > li > .head .title { font-size: 18px; font-weight: 700; } @media (min-width: 1000px) { .module_classCard-01 > li > .head .title a { color: #333; text-decoration: none; pointer-events: none; } } @media (min-width: 1000px) { .module_classCard-01 > li > .body { width: calc(100% - 220px); float: right; } } .module_classCard-01 > li > .body .module_table-01 .module_category { margin-left: 10px; } @media (min-width: 1000px) { .module_classCard-01 > li > .body .module_table-01 .module_category { margin-left: 0; } } @media (min-width: 1000px) { .module_classCard-01 > li > .body table tr:last-child { border-bottom: none; } } @media (min-width: 1000px) { .module_classCard-01 > li > .body table tr:first-child td, .module_classCard-01 > li > .body table tr:first-child th { padding-top: 0; } } @media (min-width: 1000px) { .module_classCard-01 > li > .foot { width: 220px; float: left; padding-right: 20px; margin-top: 20px; } } .module_classCard-01 > li > .foot .module_button { justify-content: flex-end; } @media (min-width: 1000px) { .module_classCard-01 > li > .foot .module_button { justify-content: flex-start; } } .module_interaction-01 > li + li._button { margin-top: 20px; } @media (min-width: 1000px) { .module_interaction-01 > li + li._button { margin-top: 30px; } } .module_interaction-01 > li:last-child { min-height: 172px; } .module_interaction-01 > li._contents + ._left, .module_interaction-01 > li._contents._right { margin-top: 30px; } @media (min-width: 1000px) { .module_interaction-01 > li._contents + ._left, .module_interaction-01 > li._contents._right { margin-top: 50px; } } .module_interaction-01 > li._contents > .text { font-weight: 500; } .module_interaction-01 > li._contents > .text span[style*=underline] { -webkit-text-decoration: underline #014099 !important; text-decoration: underline #014099 !important; } .module_interaction-01 > li._left, .module_interaction-01 > li._right { display: flex; justify-content: space-between; } .module_interaction-01 > li._left + ._contents, .module_interaction-01 > li._right + ._contents { margin-top: 30px; } @media (min-width: 1000px) { .module_interaction-01 > li._left + ._contents, .module_interaction-01 > li._right + ._contents { margin-top: 50px; } } .module_interaction-01 > li._left + ._left, .module_interaction-01 > li._left._right, .module_interaction-01 > li._right + ._left, .module_interaction-01 > li._right._right { margin-top: 15px; } @media (min-width: 1000px) { .module_interaction-01 > li._left + ._left, .module_interaction-01 > li._left._right, .module_interaction-01 > li._right + ._left, .module_interaction-01 > li._right._right { margin-top: 30px; } } .module_interaction-01 > li._left > .head, .module_interaction-01 > li._right > .head { position: relative; width: 60px; } @media (min-width: 1000px) { .module_interaction-01 > li._left > .head, .module_interaction-01 > li._right > .head { width: 140px; } } @media (min-width: 1000px) { .module_interaction-01 > li._left > .head .wrap, .module_interaction-01 > li._right > .head .wrap { position: absolute; top: 0; left: auto; } } .module_interaction-01 > li._left > .head .wrap .imageWrap::before, .module_interaction-01 > li._right > .head .wrap .imageWrap::before { content: ""; position: absolute; right: -32px; top: 30px; width: 0; height: 0; border-style: solid; border-width: 7.5px 25px 7.5px 0; border-color: transparent #ffffff transparent; transform: translateY(-50%); } @media (min-width: 1000px) { .module_interaction-01 > li._left > .head .wrap .imageWrap::before, .module_interaction-01 > li._right > .head .wrap .imageWrap::before { top: 70px; right: -38px; } } .module_interaction-01 > li._left > .head .wrap .imageWrap .image, .module_interaction-01 > li._right > .head .wrap .imageWrap .image { width: 60px; height: 60px; background-size: cover; border-radius: 50%; } @media (min-width: 1000px) { .module_interaction-01 > li._left > .head .wrap .imageWrap .image, .module_interaction-01 > li._right > .head .wrap .imageWrap .image { width: 140px; height: 140px; } } .module_interaction-01 > li._left > .head .wrap .name, .module_interaction-01 > li._right > .head .wrap .name { margin-top: 7px; font-size: 16px; font-weight: 500; text-align: center; } @media (min-width: 1000px) { .module_interaction-01 > li._left > .head .wrap .name, .module_interaction-01 > li._right > .head .wrap .name { font-weight: 700; } } .module_interaction-01 > li._left > .body, .module_interaction-01 > li._right > .body { width: calc(100% - 82px); margin-left: 22px; } @media (min-width: 1000px) { .module_interaction-01 > li._left > .body, .module_interaction-01 > li._right > .body { width: calc(100% - 176px); margin-left: 36px; } } .module_interaction-01 > li._left > .body .wrap, .module_interaction-01 > li._right > .body .wrap { background-color: #fff; padding: 15px; border-radius: 15px; } @media (min-width: 1000px) { .module_interaction-01 > li._left > .body .wrap, .module_interaction-01 > li._right > .body .wrap { padding: 20px 30px; min-height: 90px; max-width: 472px; } } .module_interaction-01 > li._left > .body .wrap .text, .module_interaction-01 > li._right > .body .wrap .text { font-weight: 500; } .module_interaction-01 > li._right { flex-flow: row-reverse; } .module_interaction-01 > li._right > .head .wrap .imageWrap::before { right: auto; left: -32px; transform: translateY(-50%) scale(-1, 1); } @media (min-width: 1000px) { .module_interaction-01 > li._right > .head .wrap .imageWrap::before { left: -38px; } } .module_interaction-01 > li._right > .body { margin: 0 22px 0 0; } @media (min-width: 1000px) { .module_interaction-01 > li._right > .body { margin: 0 36px 0 0; } } @media (min-width: 1000px) { .module_interaction-01 > li._right > .body .wrap { margin-left: auto; } } input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), select, textarea, .module_search-01 .ms_from .ms_input, .module_search-02 .ms_from .ms_input { width: 100%; height: 50px; padding: 0.5em 1em; font-size: 16px; background-color: #f0f2f5; border: 1px solid #f0f2f5; transition: border-color 0.6s, background-color 0.6s; } input:hover:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), select:hover, textarea:hover, .module_search-01 .ms_from .ms_input:hover, .module_search-02 .ms_from .ms_input:hover { background-color: #fff; border-color: #014099 !important; box-shadow: none; } input:focus:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), select:focus, textarea:focus, .module_search-01 .ms_from .ms_input:focus, .module_search-02 .ms_from .ms_input:focus { background-color: #fff; border-color: #014099 !important; box-shadow: none; } input:-webkit-autofill:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), select:-webkit-autofill, textarea:-webkit-autofill, .module_search-01 .ms_from .ms_input:-webkit-autofill, .module_search-02 .ms_from .ms_input:-webkit-autofill { -webkit-box-shadow: none; } input[readonly=readonly]:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), select[readonly=readonly], textarea[readonly=readonly], .module_search-01 .ms_from [readonly=readonly].ms_input, .module_search-02 .ms_from [readonly=readonly].ms_input, input[readonly]:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), select[readonly], textarea[readonly], .module_search-01 .ms_from [readonly].ms_input, .module_search-02 .ms_from [readonly].ms_input, form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]):not([type=search]), form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) select, form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) textarea, form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) .module_search-01 .ms_from .ms_input, .module_search-01 .ms_from form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) .ms_input, form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) .module_search-02 .ms_from .ms_input, .module_search-02 .ms_from form.custom-wpcf7c-confirmed:not([novalidate=novalidate]) .ms_input { padding: 0 !important; color: #000; pointer-events: none; background-color: transparent !important; border: none !important; } .frm_forms h2 { font-size: 2.5rem; font-weight: bold; border-bottom: solid 2px #ccc; margin: 20px 0 40px; } @media (min-width: 1000px) { .frm_forms { margin: 0 auto; max-width: 750px; } } .frm_forms .frm_form_field { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 2px solid #eee; } .frm_forms input[type=text], .frm_forms input[type=textarea], .frm_forms select { border: 1px solid #f0f2f5; padding: 0.5em 1em; width: 100%; height: 50px; background-color: #f0f2f5; font-size: 16px; transition: border-color 0.3s, background-color 0.3s; } .frm_forms textarea { min-height: 10em; } .frm_forms .frm_select { position: relative; cursor: pointer; } .frm_forms .frm_select::after { content: "\f107"; position: absolute; font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; color: #333; pointer-events: none; font-size: 6vw; top: 50%; right: 20px; transform: translateY(-50%); } @media (min-width: 1000px) { .frm_forms .frm_select::after { font-size: 20px; } } .frm_forms .frm_opt_container { display: flex; flex-wrap: wrap; } .frm_forms .frm_opt_container .frm_checkbox, .frm_forms .frm_opt_container .frm_radio { margin-bottom: 10px !important; margin-right: 20px; } .frm_forms .frm_opt_container label { position: relative; padding-left: 25px; } @media (min-width: 1000px) { .frm_forms .frm_opt_container label { margin-right: 20px; } } .frm_forms .frm_opt_container input { display: block; height: 0; } .frm_forms .frm_opt_container input::before, .frm_forms .frm_opt_container input::after { display: block; position: absolute; top: 0.25em; left: 0; width: 20px; height: 20px; content: ""; transition: 0.3s; cursor: pointer; } .frm_forms .frm_opt_container input::before { background: #eff2f5; } .frm_forms .frm_opt_container input::after { display: flex; align-items: center; justify-content: center; } .frm_forms .frm_opt_container .frm_checkbox input:checked::before { border: 1px solid #014099; background-color: #014099; } .frm_forms .frm_opt_container .frm_checkbox input:checked::after { color: #fff; } .frm_forms .frm_opt_container .frm_checkbox input::after { color: #fff; font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; content: "\f00c"; } .frm_forms .frm_opt_container .frm_radio input::before, .frm_forms .frm_opt_container .frm_radio input::after { border-radius: 50%; } .frm_forms .frm_opt_container .frm_radio input::after { transform: scale(0.6); } .frm_forms .frm_opt_container .frm_radio input:checked::after { background-color: #014099; } .frm_forms .frm_button .frm_opt_container { justify-content: space-between; } @media (min-width: 1000px) { .frm_forms .frm_button .frm_opt_container { justify-content: flex-start; } } .frm_forms .frm_button .frm_opt_container .frm_checkbox, .frm_forms .frm_button .frm_opt_container .frm_radio { margin-bottom: 20px; margin-right: 0; } .frm_forms .frm_button .frm_opt_container label { width: 43vw; height: 50px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0; text-indent: -1000px; overflow: hidden; } @media (min-width: 1000px) { .frm_forms .frm_button .frm_opt_container label { width: 200px; } } .frm_forms .frm_button .frm_opt_container input { display: block; padding: 15px 50px; border: 1px solid #014099; border-radius: 3em; font-size: 16px; line-height: 1.3; text-align: center; width: 100%; height: 50px; position: absolute; top: 0; left: 0; z-index: -1; } .frm_forms .frm_button .frm_opt_container input::before { display: none; } .frm_forms .frm_button .frm_opt_container input::after { content: attr(value) ""; width: 100%; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #014099; border-radius: 3em; } .frm_forms .frm_button .frm_opt_container input:checked { background: #014099; } .frm_forms .frm_button .frm_opt_container input:checked::before { display: block; position: absolute; top: 55%; left: 20px; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; content: "\f00c"; background: none; border: none; color: #fff; } .frm_forms .frm_button .frm_opt_container input:checked::after { color: #fff; } .frm_forms .frm_button .frm_opt_container .frm_radio input::before { display: none; } .frm_forms .frm_primary_label { margin-bottom: 10px; color: #014099; font-weight: bold; } .frm_forms .frm_primary_label::after { margin-right: 1em; padding: 0.2em 0.5em; color: #fff; font-size: 14px; white-space: nowrap; font-weight: normal; display: inline; } .frm_forms .frm_primary_label.any::after { content: "任意"; background-color: #8e8e8e; } .frm_forms .frm_primary_label.required::after { content: "必須"; background-color: #F26964; } .frm_forms .frm_primary_label small { font-size: 80%; font-weight: normal; } .frm_forms .privacy { text-align: center; display: block; background: #f7e6e4; padding: 30px; } .frm_forms .privacy .frm_description { margin-bottom: 20px; } .frm_forms .privacy .frm_opt_container { justify-content: center; } .frm_forms .privacy label { color: #F26964; font-weight: bold; } .frm_forms .privacy .frm_primary_label { display: none; } .frm_forms .privacy input::before { border-radius: 50%; border: none; background: #fff; } .frm_forms .privacy input::after { content: ""; } .frm_forms .privacy input:checked::before { background: #fff !important; border: 1px solid #fff !important; } .frm_forms .privacy input:checked::after { content: "" !important; border-radius: 50%; transform: scale(0.6); background-color: #F26964; } .frm_forms .privacy .frm_error { border: 1px solid #F26964; } .frm_forms .frm_submit { display: flex; justify-content: center; flex-wrap: wrap; } .frm_forms .frm_submit button { display: block; position: relative; padding: 15px 50px; border: 1px solid #014099; border-radius: 6px; width: 100%; font-size: 16px; line-height: 1.3; text-align: center; text-decoration: none; transition: background-color 0.3s, color 0.3s; background: #fff; max-width: 80%; color: #014099; position: relative; } .frm_forms .frm_submit button::after { content: "\f138"; font-family: "Font Awesome 5 Pro"; font-weight: 900; line-height: 1; color: #014099; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .frm_forms .frm_submit button:first-child { margin-bottom: 20px; } .frm_forms .frm_submit button:hover { background: #014099; color: #fff; } .frm_forms .frm_submit button:hover::after { color: #fff; } .frm_forms .frm_submit button.frm_prev_page::after { display: none; } .frm_forms .frm_submit button.frm_prev_page::before { content: "\f137"; font-family: "Font Awesome 5 Pro"; font-weight: 900; line-height: 1; color: #014099; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } .frm_forms .frm_submit button.frm_prev_page:hover { background: #014099; color: #fff; } .frm_forms .frm_submit button.frm_prev_page:hover::before { color: #fff; } @media (min-width: 1000px) { .frm_forms .frm_submit button { max-width: 260px; } .frm_forms .frm_submit button:first-child { margin: 0 20px 0 0; } } .frm_forms .frm_required { font-size: 0; } .frm_forms .hyphen { position: relative; padding-right: 20px !important; } .frm_forms .hyphen::after { content: "-"; position: absolute; top: 2rem; right: 0; } @media only screen and (max-width: 600px) { body .frm_forms .spgrid { grid-column: span 4/span 2 !important; } } .frm_forms .prefectures .frm_select { width: 120%; } .frm_forms .frm_error { color: #f26964; padding: 10px; background: #f7e5e4; margin-top: 20px; } .frm_forms .frm_error::before { font-family: "Font Awesome 5 Pro"; font-weight: 900; line-height: 1; content: "\f06a"; } .frm_forms .frm_error_style { display: none; } .frm_forms .frm_opt_container { display: flex !important; } .frm_forms .frm_required, .frm_forms .frm-edit-page-btn { display: none; } .frm_forms .frm-line-table tr { display: block; margin-bottom: 30px; border-bottom: none; } .frm_forms .frm-line-table th, .frm_forms .frm-line-table td { display: block; text-align: left; width: 100% !important; padding: 0 !important; color: #000 !important; } .frm_forms .frm-line-table td { padding: 0.5em 1em !important; background: #eff2f5; margin-top: 10px; } .frm_forms h3.frm_primary_label { display: none; } .frm_forms .frm_message { text-align: center; background: #eff2f5; padding: 80px 40px; } .frm_forms .frm_message .gm_title { color: #014099; font-size: 120%; font-weight: bold; margin-bottom: 40px; } .frm_forms .frm_verify { display: none; } .frm_forms .frm_2col .frm_form_field.frm_inline_container, .frm_forms .frm_2col .frm_form_field.frm_right_container, .frm_forms .frm_2col .frm_form_field.frm_left_container { grid-template-columns: 35% auto; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: none !important; } .global_header { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 70px; transition: height 0.6s; } @media (min-width: 1000px) { .global_header { position: fixed; top: 0; height: 80px; } } body._fixed .global_header, body._contentFixed .global_header { position: fixed; } .global_header > .inner { display: flex; align-items: center; height: inherit; padding: 0 70px 0 10px; background-color: #fff; } @media (min-width: 1000px) { .global_header > .inner { padding: 0 323px 0 40px; } } @media (min-width: 1000px) { .global_header .gh_logo { margin-right: 15px; } } .global_header .gh_logo a { display: block; color: #333; text-decoration: none; } @media (min-width: 1000px) { .global_header .gh_logo a { transition: opacity 0.6s; } } @media (min-width: 1000px) { .global_header .gh_logo a:hover, .global_header .gh_logo a:focus { opacity: 0.6; } } .global_header .gh_logo a img { width: auto; height: 40px; } @media (min-width: 1160px) { .global_header .gh_logo a img { height: 50px; } } .global_header .gh_logo_vertice { display: none; } @media (min-width: 1160px) { .global_header .gh_logo_vertice { display: block; margin-left: 10px; margin-right: auto; } } .global_header .gh_logo_vertice a { display: block; color: #333; text-decoration: none; } @media (min-width: 1000px) { .global_header .gh_logo_vertice a { transition: opacity 0.6s; } } @media (min-width: 1000px) { .global_header .gh_logo_vertice a:hover, .global_header .gh_logo_vertice a:focus { opacity: 0.6; } } .global_header .gh_logo_vertice a img { width: auto; height: 50px; } .global_header .gh_phone { margin: 0 1px 0 auto; } @media (min-width: 1000px) { .global_header .gh_phone { display: none; } } .global_header .gh_phone a { text-decoration: none; display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; color: #fff; background-color: #014099; } .global_header .gh_phone a .wrap .icon { text-align: center; font-size: 30px; line-height: 1em; } .global_header .gh_phone a .wrap .title { margin-top: 5px; font-size: 12px; font-family: "Poppins", sans-serif; font-weight: 700; } .global_header .module_phoneText-01 { display: none; padding: 6px 15px; } @media (min-width: 1000px) { .global_header .module_phoneText-01 { display: block; margin: 0 20px 0 auto; } } .global_header .module_phone-01 { margin: 0 0 0 16px; display: none; border: none; padding: 12px 20px 12px 25px; } @media (min-width: 1000px) { .global_header .module_phone-01 { display: block; } } .global_header .module_phone-01 .text { color: #333; } .global_header .gh_menu { position: absolute; top: 0; right: 0; } .global_navigation { position: fixed; top: 70px; left: 0; z-index: 100; width: 100%; height: 0; overflow: hidden; background-color: #eff2f5; transition: 0.6s; } @media (min-width: 1000px) { .global_navigation { top: 80px; } } body._open-menu .global_navigation { height: calc(100% - 70px); padding: 0 0 70px; overflow-y: auto; } @media (min-width: 1000px) { body._open-menu .global_navigation { height: calc(100% - 80px); } } .global_navigation a { color: #333; text-decoration: none; transition: 0.6s; } @media (min-width: 1000px) { .global_navigation > .global_inner { display: flex; } } .global_navigation .module_flex-01 { margin-top: 20px; } @media (min-width: 1000px) { .global_navigation .module_flex-01 { display: none; } } .global_navigation .module_flex-01 li { width: calc((100% - 10px) / 3); margin-right: 5px; } .global_navigation .module_flex-01 li:nth-child(3n+3) { margin-right: 0; } .global_navigation .module_menu-01 { margin-top: 20px; } @media (min-width: 1000px) { .global_navigation .module_menu-01 { width: 760px; margin-top: 100px; } } .global_navigation .module_menu-01 > li:first-child .mm_button::after { transform: rotate(-90deg); } .global_navigation .module_menu-01 > li:first-child .mm_button._open::after { transform: rotate(90deg); } .global_navigation .module_menu-01 > li:first-child .mm_wrapper-01 { display: block; } @media (min-width: 1000px) { .global_navigation .gn_links-01 li { border-top: none; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 li [class*=gnl_title] { padding: 0; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 li [class*=gnl_title]::after { content: none; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 li [class*=gnl_button] { display: none; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 li [class*=gnl_button] + a { width: 100%; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 li [class*=gnl_wrapper] { position: fixed; top: 130px; left: 0; display: block; width: 100%; height: 0; pointer-events: all; visibility: hidden; background-color: #f3f3f3; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 li [class*=gnl_wrapper] [class*=gnl_inner] ul { border-top: none; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li:hover > .gnl_title { color: #014099; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li:hover > .gnl_title span::before { width: 100%; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_title { padding: 0 24px; color: #333; background-color: #fff; letter-spacing: calc(100 / 1000 * 1em); } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_title span { position: relative; display: inline-flex; align-items: center; height: 100%; } } .global_navigation .gn_links-01 > li > .gnl_title span::before { position: absolute; bottom: 0; left: 50%; width: 0; height: 4px; content: ""; background-color: #014099; transition: 0.6s; transform: translateX(-50%); } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper { padding: 0; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner { position: relative; max-width: calc(1160px + 120px); padding: 65px 60px 85px; margin: 0 auto; overflow: hidden; } } .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > .gnl_title { display: none; } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > .gnl_title { display: block; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #014099; } } .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > .gnl_title a { font-size: 24px; font-weight: 500; color: #014099; letter-spacing: calc(100 / 1000 * 1em); } .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > .gnl_en { display: none; } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > .gnl_en { position: absolute; right: 0; bottom: -7px; display: block; font-size: 68px; line-height: 1em; color: rgba(1, 64, 153, 0.31); pointer-events: none; letter-spacing: calc(70 / 1000 * 1em); font-family: "Noto Serif JP", serif; font-weight: 500; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > ul { display: flex; flex-wrap: wrap; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > ul > li { display: block; width: calc((100% - 140px - 0.1px) / 3); border-top: none; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > ul > li + li { margin-left: 70px; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > ul > li:nth-child(3n+1) { margin-left: 0; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > ul > li._hasChild { background-color: transparent; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > ul > li._hasChild .gnl_title { color: #333; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > ul > li._hasChild .gnl_title:hover { color: #014099; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > ul > li > .gnl_title { padding: 13px 0; font-size: 16px; font-weight: 500; letter-spacing: calc(100 / 1000 * 1em); } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > ul > li > .gnl_wrapper { position: relative; top: 0; left: 0; height: auto; overflow: visible; visibility: visible; background-color: transparent; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > ul > li > .gnl_wrapper > .gnl_inner { position: relative; padding: 0; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > ul > li > .gnl_wrapper > .gnl_inner ul li { display: block; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > ul > li > .gnl_wrapper > .gnl_inner .gnl_title { padding: 6px 20px; } } @media (min-width: 1000px) { .global_navigation .gn_links-01 > li > .gnl_wrapper > .gnl_inner > ul > li > .gnl_wrapper > .gnl_inner .gnl_title:hover { color: #014099; } } @media (min-width: 1000px) { .global_navigation .gn_subMenu { width: calc(100% - 760px); } } .global_navigation .gn_subMenu .module_phone-01 { margin-top: 10px; } @media (min-width: 1000px) { .global_navigation .gn_subMenu .module_phone-01 { display: none; } } .global_navigation .gn_subMenu .gn_links-02 { margin-top: 15px; } @media (min-width: 1000px) { .global_navigation .gn_subMenu .gn_links-02 { margin-top: 100px; } } .global_navigation .gn_close { position: relative; display: block; min-width: 150px; padding: 15px 20px; margin: 50px auto 0; line-height: 1.3; color: #fff; background-color: #014099; border-radius: 50px; } @media (min-width: 1000px) { .global_navigation .gn_close { display: none; } } #overlay { position: fixed; bottom: 0; left: 0; z-index: 99; display: block; width: 100%; height: 100%; visibility: hidden; background-color: transparent; transition: 0.6s; } body._open-bg #overlay { visibility: visible; background-color: rgba(51, 51, 51, 0.9); transition: 0.6s; } .global_wrapper { position: relative; padding-top: 70px; } @media (min-width: 1000px) { .global_wrapper { padding-top: 80px; } } .top_mainVisual { position: relative; height: 250px; display: flex; align-items: center; } @media (min-width: 1000px) { .top_mainVisual { height: 430px; } } .top_mainVisual .column { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .top_mainVisual .column .image { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (min-width: 565px) { .top_mainVisual .column .image { background-position: top 20% left 0; } } @media (min-width: 1000px) { .top_mainVisual .column .image { background-position: center; } } @media (min-width: 1000px) { .top_mainVisual .wrap { margin: 0 auto; max-width: 1280px; width: 100%; } } .top_mainVisual .wrap._column .column { height: 50%; } @media (min-width: 1000px) { .top_mainVisual .wrap._column .column { width: 50%; height: 100%; } } .top_mainVisual .wrap._column .column + .column { top: auto; bottom: 0; } @media (min-width: 1000px) { .top_mainVisual .wrap._column .column + .column { left: auto; right: 0; } } .top_mainVisual .catchCopy { position: relative; z-index: 2; } @media (min-width: 1000px) { .top_mainVisual .catchCopy .title { margin-left: -7px; } } .top_mainVisual .catchCopy .title ._pc { width: 593px; display: none; } @media (min-width: 1000px) { .top_mainVisual .catchCopy .title ._pc { display: block; } } .top_mainVisual .catchCopy .title ._sp { width: 200px; } @media (min-width: 1000px) { .top_mainVisual .catchCopy .title ._sp { display: none; } } .top_mainVisual .catchCopy .text { display: none; font-size: 15px; font-weight: 500; line-height: 1.3333333333; letter-spacing: calc(30 / 1000 * 1em); } @media (min-width: 1000px) { .top_mainVisual .catchCopy .text { display: block; margin-top: 25px; } } .top_mainVisual .catchCopy .button { margin-top: 15px; } @media (min-width: 1000px) { .top_mainVisual .catchCopy .button { margin: 60px 0 0 -5px; width: 367px; display: flex; } } @keyframes line-anime { 0% { transform: translateY(-100%); } 40% { transform: translateY(0); } 100% { transform: translateY(100.5%); } } .global_mainVisual { position: relative; z-index: 2; margin-bottom: 30px; color: #fff; } @media (min-width: 1000px) { .global_mainVisual { margin-bottom: 60px; display: flex; flex-wrap: wrap; } } .global_mainVisual > .global_inner { position: static; display: flex; align-items: flex-end; justify-content: flex-start; height: 90px; padding: 0; } @media (min-width: 1000px) { .global_mainVisual > .global_inner { width: 100%; height: 230px; max-width: none; order: 1; } } .global_mainVisual .gm_background { width: 100%; height: 90px; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (min-width: 1000px) { .global_mainVisual .gm_background { height: 230px; } } .global_mainVisual .mainTitle { padding-top: 20px; } @media (min-width: 1000px) { .global_mainVisual .mainTitle { order: 3; width: 100%; padding-top: 0; } } .global_mainVisual .mainTitle .global_inner .gm_title { font-size: 20px; color: #014099; letter-spacing: calc(50 / 1000 * 1em); font-weight: 700; } @media (min-width: 1000px) { .global_mainVisual .mainTitle .global_inner .gm_title { font-size: 30px; } } body:not(.home) .global_contents > section { padding-bottom: 50px; } @media (min-width: 1000px) { body:not(.home) .global_contents > section { padding-bottom: 100px; } } body:not(.home) .global_contents > section > .global_inner, body:not(.home) .global_contents > section > .content_inner { min-height: 1%; } .global_contents .gc_main { width: 100%; } @media (min-width: 1000px) { .global_contents .gc_main { width: calc(100% - 360px - 40px); max-width: 760px; } } @media (min-width: 1000px) { .global_contents .gc_main._oneColumn { width: 100%; max-width: 960px; } } @media (min-width: 1000px) { .global_contents .gc_main._oneColumnWide { width: 100%; max-width: none; } } .global_contents .gc_sub._page { margin-bottom: 30px; } @media (min-width: 1000px) { .global_contents .gc_sub._page { margin-bottom: 0; } } @media (min-width: 1000px) { .global_contents .gc_sub { display: block; width: 360px; padding-right: 60px; } } .global_contents .gc_sub .ln_links-01 { display: none; } @media (min-width: 1000px) { .global_contents .gc_sub .ln_links-01 { display: block; margin-top: 0; } } @media (min-width: 1000px) { .global_contents .gc_sub .module_select-01._category { display: none; } } .global_contents .gc_sub .module_select-01._archive { margin: 10px 0 25px; } @media (min-width: 1000px) { .global_contents .gc_sub .module_select-01._archive { margin: 30px 0 0; } } .footer_contact-01 { position: relative; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/bg_contact.webp"); background-size: cover; background-position: center; padding: 40px 0 60px; } @media (min-width: 1000px) { .footer_contact-01 { background-image: url("/wp/wp-content/themes/privato-sapix/images/common/bg_contact.webp"); padding: 80px 0 80px; } } .footer_contact-01::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 25, 56, 0.65); pointer-events: none; } @media (min-width: 1000px) { .footer_contact-01 .global_inner .top_title-01 { text-align: center; } } .footer_contact-01 .global_inner .top_title-01 .title-main { color: #fff; } .footer_contact-01 .global_inner .top_title-01 .title-sub { color: #fff; } @media (min-width: 1000px) { .footer_contact-01 .global_inner .top_title-01 .title-sub br { display: none; } } .footer_contact-01 .global_inner .list { display: flex; justify-content: center; margin-top: 30px; gap: 10px; } @media (min-width: 1000px) { .footer_contact-01 .global_inner .list { max-width: 840px; margin: 50px auto 0; gap: 30px; } } .footer_contact-01 .global_inner .list li { width: calc(33.3333333333% - 6.6666666667px); } @media (min-width: 1000px) { .footer_contact-01 .global_inner .list li { width: calc(33.3333333333% - 20px); } } .footer_contact-01 .global_inner .list li a { text-decoration: none; color: #fff; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; background-color: rgba(255, 255, 255, 0.14); border-radius: 10px; font-size: 23px; text-align: center; padding: 20px 5px; height: 100%; transition: 0.6s; } @media (min-width: 1000px) { .footer_contact-01 .global_inner .list li a { font-size: 26px; padding: 44px 20px; } } .footer_contact-01 .global_inner .list li a:hover { background-color: rgba(255, 255, 255, 0.07); } .footer_contact-01 .global_inner .list li a .title { font-weight: 700; font-size: 14px; margin-top: 5px; } @media (min-width: 1000px) { .footer_contact-01 .global_inner .list li a .title { font-size: 18px; margin-top: 0; } } .footer_menu-01 { background-color: #eff2f5; padding: 35px 0; } @media (min-width: 1000px) { .footer_menu-01 { padding: 75px 0 45px; } } .footer_menu-01 .global_inner .menu { display: none; } @media (min-width: 1000px) { .footer_menu-01 .global_inner .menu { display: flex; } } @media (min-width: 1000px) { .footer_menu-01 .global_inner .menu .module_menu-01 { width: 760px; } } @media (min-width: 1000px) { .footer_menu-01 .global_inner .menu .subMenu { width: calc(100% - 760px); } } .footer_menu-01 .global_inner .phone { text-align: center; } @media (min-width: 1000px) { .footer_menu-01 .global_inner .phone { display: none; } } .footer_menu-01 .global_inner .phone .module_phone-01 { padding: 0; border: none; } .footer_menu-01 .global_inner .phone .module_phoneText-01 { display: inline-block; margin-top: 15px; } .footer_banner-01 { padding: 40px 0 50px; background-color: #fff; } @media (min-width: 1000px) { .footer_banner-01 { padding: 80px 0 65px; } } @media (min-width: 1000px) { .footer_banner-01 .box { display: flex; } } .footer_banner-01 .box + .box { margin-top: 35px; } @media (min-width: 1000px) { .footer_banner-01 .box + .box { margin-top: 60px; } } .footer_banner-01 .title { font-size: 16px; font-weight: 700; color: #014099; border-bottom: 1px solid #014099; padding-bottom: 14px; margin-bottom: 20px; } @media (min-width: 1000px) { .footer_banner-01 .title { font-size: 20px; margin: 0; width: 200px; border-bottom: none; } } .footer_banner-01 .list { display: flex; flex-wrap: wrap; align-items: center; } @media (min-width: 1000px) { .footer_banner-01 .list { width: calc(100% - 200px); border-left: 2px solid #014099; padding-left: 40px; } } .footer_banner-01 .list + ul { margin-top: 20px; } @media (min-width: 1000px) { .footer_banner-01 .list + ul { margin-top: 40px; } } .footer_banner-01 .list li { text-align: center; width: calc(50% - 10px); } @media (min-width: 1000px) { .footer_banner-01 .list li { width: calc((100% - 240px - 0.1px) / 4); margin-right: 60px; } } .footer_banner-01 .list li:nth-child(n+3) { margin-top: 10px; } @media (min-width: 1000px) { .footer_banner-01 .list li:nth-child(n+3) { margin-top: 0; } } @media (min-width: 1000px) { .footer_banner-01 .list li:nth-child(4n+4) { margin-right: 0; } } @media (min-width: 1000px) { .footer_banner-01 .list li:nth-child(n+5) { margin-top: 40px; } } .footer_banner-01 .list li a { position: relative; display: inline-block; transition: 0.6s; padding: 10px; } @media (min-width: 1000px) { .footer_banner-01 .list li a { padding: 0; } } .footer_banner-01 .list li a:hover { opacity: 0.7; } .footer_banner-01 .list li a._title::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; background-color: rgba(51, 51, 51, 0.55); } .footer_banner-01 .list li a .body { position: absolute; top: 0; left: 0; z-index: 3; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 22px; } .footer_banner-01 .list li a .body .wrap .title { font-size: 16px; color: #fff; letter-spacing: calc(50 / 1000 * 1em); line-height: 1.5; } .global_footer { position: relative; color: #333; padding-bottom: 80px; } @media (min-width: 1000px) { .global_footer { padding-bottom: 0; } } body:not(.home) .global_footer { border-top: 1px solid #f3f3f3; } .global_footer a { color: #333; text-decoration: none; } .global_footer .global_inner { position: relative; } .global_footer .gf_copyright { position: relative; background-color: #fff; } @media (min-width: 1000px) { .global_footer .gf_copyright .global_inner { display: flex; align-items: center; justify-content: space-between; } } .global_footer .gf_copyright .global_inner .wrap { border-top: 1px solid #e0e0e0; padding: 20px 0; width: 100%; } @media (min-width: 1000px) { .global_footer .gf_copyright .global_inner .wrap { display: flex; align-items: center; justify-content: space-between; flex-flow: row-reverse; } } .global_footer .gf_copyright .global_inner .wrap .image a { display: inline-block; text-decoration: none; transition: 0.6s; } .global_footer .gf_copyright .global_inner .wrap .image a:hover { opacity: 0.7; } .global_footer .gf_copyright .global_inner .wrap .copyright { margin-top: 5px; color: #707070; font-size: 14px; letter-spacing: calc(40 / 1000 * 1em); line-height: 1.3571428571; } @media (min-width: 1000px) { .global_footer .gf_copyright .global_inner .wrap .copyright { margin-top: 0; } } .global_footer .gf_copyright .global_inner .wrap .copyright span { display: block; font-family: "Poppins", sans-serif; font-weight: 400; } @media (min-width: 1000px) { .global_footer .gf_copyright .global_inner .wrap .copyright span { display: inline-block; margin-right: 15px; } } .global_footer .gf_pageTop { opacity: 0; visibility: hidden; position: fixed; bottom: 85px; right: 20px; z-index: 50; transition: 0.3s; } @media (min-width: 1000px) { .global_footer .gf_pageTop { bottom: 43px; } } .global_footer .gf_pageTop.active { opacity: 1; visibility: visible; } .global_footer .gf_pageTop a { position: relative; display: block; transition: 0.6s; } .global_footer .gf_pageTop a:hover span { background-color: #4d82cc; } .global_footer .gf_pageTop a span { position: relative; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: #014099; border-radius: 50%; transition: 0.6s; } @media (min-width: 1000px) { .global_footer .gf_pageTop a span { width: 60px; height: 60px; } } .global_footer .gf_pageTop a i { line-height: 1em; color: #fff; font-size: 18px; font-weight: 500; } .global_banner { position: fixed; bottom: 0; left: 0; z-index: 60; width: 100%; background-color: #fff; } @media (min-width: 1000px) { .global_banner { position: fixed; bottom: auto; left: auto; right: 81px; top: 0; width: auto; z-index: 100; } } @media (min-width: 1000px) { body.admin-bar .global_banner { top: 32px; } } @media (min-width: 1000px) { .global_banner .module_flex-01 li { width: 80px; height: 80px; } } @media (min-width: 1000px) { .global_banner .module_flex-01 li a { padding: 14px 0; } } @media (min-width: 1000px) { .global_banner .module_flex-01 li a svg { width: 15px; } } .global_banner .module_flex-01 li a .title { text-align: center; } @media (min-width: 1000px) { .global_banner .module_flex-01 li a .title { font-size: 12px; text-align: center; height: 36px; display: flex; align-items: center; justify-content: center; letter-spacing: calc(0 / 1000 * 1em); } } .local_navigation .ln_links-01 > li { border-top: none; } .local_navigation .ln_links-01 > li > .lnl_title { position: relative; justify-content: center; padding: 13px 0 13px 55px; font-size: 17px; font-weight: 400; color: #fff; text-align: center; background-color: rgba(51, 51, 51, 0.9); letter-spacing: calc(100 / 1000 * 1em); } @media (min-width: 1000px) { .local_navigation .ln_links-01 > li > .lnl_title { padding: 20px; } } @media (min-width: 1160px) { body:not(.page) .local_navigation .ln_links-01 > li > .lnl_title { pointer-events: none; } } .local_navigation .ln_links-01 > li > .lnl_title::after { content: none; } .local_navigation .ln_links-01 > li > .lnl_button { width: 55px; background-color: #5d5d5d; } @media (min-width: 1000px) { .local_navigation .ln_links-01 > li > .lnl_button { display: none; } } .local_navigation .ln_links-01 > li > .lnl_button + a { width: calc(100% - 55px); } @media (min-width: 1000px) { .local_navigation .ln_links-01 > li > .lnl_button + a { width: 100%; } } .local_navigation .ln_links-01 > li > .lnl_wrapper { padding: 0; } @media (min-width: 1000px) { .local_navigation .ln_links-01 > li > .lnl_wrapper { display: block !important; overflow: visible; } } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul { border-top: none; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li { border-radius: 5px; border: none; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li + li { margin-top: 5px; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_button { transition: background-color 0.6s; display: none; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_button::before, .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_button::after { left: calc(50% - 7px); width: 15px; background-color: #014099; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_button:hover { background-color: #014099; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_button:hover::before, .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_button:hover::after { background-color: #fff; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_button._open { background-color: #014099; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_button._open::before, .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_button._open::after { background-color: #fff; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_button._open + .lnl_title { color: #fff; background-color: #014099; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_title { width: 100%; position: relative; border-radius: 5px; padding: 20px; font-size: 16px; font-weight: 500; letter-spacing: calc(30 / 1000 * 1em); background-color: #eff2f5; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_title::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: auto; right: -16px; width: 0; height: 0; border-style: solid; border-width: 8.5px 0 8.5px 16px; border-color: transparent transparent transparent #014099; opacity: 0; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_title._current, .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_title:hover { color: #fff; background-color: #014099; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_title._current::after, .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_title:hover::after { opacity: 1; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_title::after { content: ""; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_wrapper { padding: 15px 10px 12px 30px; display: block !important; background-color: transparent; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_wrapper .lnl_inner { padding: 0; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_wrapper .lnl_inner ul li .lnl_title { padding: 1px 10px 1px 24px; font-size: 15px; font-weight: 700; background-color: transparent; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_wrapper .lnl_inner ul li .lnl_title::before { left: 0; } .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_wrapper .lnl_inner ul li .lnl_title:hover, .local_navigation .ln_links-01 > li > .lnl_wrapper > .lnl_inner > ul li .lnl_wrapper .lnl_inner ul li .lnl_title._current { color: #014099; } .local_navigation .ln_links-02 { display: none; margin-top: 0; } @media (min-width: 1000px) { .local_navigation .ln_links-02 { display: block; } } body.page-template-default .local_navigation .ln_links-02 > li, body.page-template-page-classPage .local_navigation .ln_links-02 > li { display: none; } body.page-template-default .local_navigation .ln_links-02 > li._parent, body.page-template-page-classPage .local_navigation .ln_links-02 > li._parent { display: block; } .local_navigation .ln_links-02 > li > .lnl_title { width: 100%; position: relative; justify-content: center; padding: 36px 15px; font-size: 18px; font-weight: 700; color: #014099; text-align: center; background-color: #eff2f5; letter-spacing: calc(30 / 1000 * 1em); border-radius: 7px; } .local_navigation .ln_links-02 > li > .lnl_title::before { content: none; } @media (min-width: 1160px) { body:not(.page) .local_navigation .ln_links-02 > li > .lnl_title { pointer-events: none; } } .local_navigation .ln_links-02 > li > .lnl_title::after { content: none; } .local_navigation .ln_links-02 > li > .lnl_button { width: 55px; background-color: #5d5d5d; } .local_navigation .ln_links-02 > li > .lnl_button + a { width: calc(100% - 55px); } .local_navigation .ln_links-02 > li > .lnl_wrapper { padding: 0; } @media (min-width: 1000px) { .local_navigation .ln_links-02 > li > .lnl_wrapper { display: block !important; overflow: visible; margin-top: 10px; } } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul { border-top: none; } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li { border-top: none; border-bottom: 1px solid #d5dde6; } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_button { transition: background-color 0.6s; order: 2; } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_button::before { content: none; } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_button::after { color: #014099; font-size: 13px; left: auto; right: 10px; top: 50%; transform: translateY(-50%) rotate(90deg); } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_button + a { padding: 20px 0 20px 10px; } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_button._open::after { transform: translateY(-50%) rotate(-90deg); } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_title { position: relative; padding: 20px 35px 20px 10px; font-size: 16px; font-weight: 500; color: #014099; letter-spacing: calc(30 / 1000 * 1em); background-color: transparent; } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_title._current, .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_title:hover { background-color: #eff2f5; } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_title::after { font-size: 13px; left: auto; right: 10px; top: 50%; transform: translateY(-50%); } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_wrapper { border-top: 1px solid #d5dde6; padding: 20px 10px 20px 15px; background-color: transparent; } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_wrapper .lnl_inner { padding: 0; } @media (min-width: 1000px) { .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_wrapper .lnl_inner ul li:last-child { border-bottom: none; } } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_wrapper .lnl_inner ul li .lnl_title { padding: 3px 10px 3px 25px; font-size: 15px; font-weight: 500; color: #014099; background-color: transparent; transition: 0.6s; } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_wrapper .lnl_inner ul li .lnl_title::before { left: 0; } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_wrapper .lnl_inner ul li .lnl_title._current { font-weight: 700; } .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_wrapper .lnl_inner ul li .lnl_title:hover, .local_navigation .ln_links-02 > li > .lnl_wrapper > .lnl_inner > ul > li .lnl_wrapper .lnl_inner ul li .lnl_title._current { color: #333; } @media (min-width: 1000px) { .archive_navigation { display: flex; justify-content: flex-end; } } .archive_navigation .an_links-01 { border-top: none; } @media (min-width: 1000px) { .archive_navigation .an_links-01 { width: 250px; } } .archive_navigation .an_links-01 + .an_links-01 { margin: 10px 0 0; } @media (min-width: 1000px) { .archive_navigation .an_links-01 + .an_links-01 { margin: 0 0 0 10px; } } .archive_navigation .an_links-01 > li { position: relative; border-bottom: none; } body.page .archive_navigation .an_links-01 > li { display: none; } body.page .archive_navigation .an_links-01 > li._parent { display: block; } .archive_navigation .an_links-01 > li > .anl_title { justify-content: flex-start; padding: 19px 40px 19px 20px; font-weight: 700; color: #fff; text-align: left; cursor: pointer; background-color: #014099; border: 1px solid #014099; } .archive_navigation .an_links-01 > li > .anl_title._open::after { transform: rotate(-180deg); } .archive_navigation .an_links-01 > li > .anl_title::after { top: calc(50% - 6px); right: 20px; content: "\f078"; transition: 0.6s; transform: none; } @media (min-width: 1000px) { .archive_navigation .an_links-01 > li > .anl_wrapper { position: absolute; top: 60px; left: 0; z-index: 2; } } .archive_navigation .an_links-01 > li > .anl_wrapper > .anl_inner > ul { background-color: #fff; border: 1px solid #ccc; } .archive_navigation .an_links-01 > li > .anl_wrapper > .anl_inner > ul li .anl_button { transition: background-color 0.6s; } .archive_navigation .an_links-01 > li > .anl_wrapper > .anl_inner > ul li .anl_button:hover { background-color: #EFF2F5; } .archive_navigation .an_links-01 > li > .anl_wrapper > .anl_inner > ul li .anl_title { padding: 20px; color: #333; } .archive_navigation .an_links-01 > li > .anl_wrapper > .anl_inner > ul li .anl_title._current { font-weight: 700; } .archive_navigation .an_links-01 > li > .anl_wrapper > .anl_inner > ul li .anl_title::after { content: none; } .archive_navigation .an_links-01 > li > .anl_wrapper > .anl_inner > ul li .anl_title:hover { background-color: #EFF2F5; } .top_title-01 { text-align: center; } @media (min-width: 1000px) { .top_title-01 { text-align: left; } } .top_title-01 .title-main { font-family: "Poppins", sans-serif; font-weight: 700; font-size: 30px; color: #014099; } @media (min-width: 1000px) { .top_title-01 .title-main { font-size: 40px; } } .top_title-01 .title-sub { display: block; font-size: 16px; font-weight: 500; letter-spacing: calc(30 / 1000 * 1em); line-height: 1.5; margin-top: -2px; } @media (min-width: 1000px) { .top_title-01 .title-sub { margin-top: -4px; } } .top_button { margin-top: 30px; display: flex; justify-content: flex-end; } .top_button._left .top_button-01 { font-size: 16px; padding: 0 0 14px 54px; } .top_button._left .top_button-01 i { right: auto; left: 0; transform: scale(-1, 1); } .top_button .top_button-01 { position: relative; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 500; letter-spacing: calc(30 / 1000 * 1em); color: #014099; border-bottom: 1px solid #014099; min-width: 160px; padding: 0 30px 14px 0; text-decoration: none; transition: 0.6s; } .top_button .top_button-01:hover { color: #9bbae0; border-color: #9bbae0; } .top_button .top_button-01 i { position: absolute; top: 2px; right: 0; font-size: 15px; } .top_notice-01 { display: flex; border: 2px solid #ff4841; letter-spacing: calc(30 / 1000 * 1em); background-color: #fff2f2; } @media (min-width: 1000px) { .top_notice-01 { border: 4px solid #ff4841; } } .top_notice-01 .head { width: 78px; } @media (min-width: 1000px) { .top_notice-01 .head { width: 206px; } } .top_notice-01 .head .title { display: flex; align-items: center; justify-content: center; padding: 4px 4px 4px 2px; color: #fff; background-color: #ff4841; font-size: 14px; font-weight: 700; height: 100%; } @media (min-width: 1000px) { .top_notice-01 .head .title { font-size: 15px; font-weight: 500; padding: 9px 9px 9px 5px; } } .top_notice-01 .head .title span { display: none; } @media (min-width: 1000px) { .top_notice-01 .head .title span { display: inline; } } .top_notice-01 .body { width: calc(100% - 78px); display: flex; align-items: center; background-color: #ff4841; color: #fff; } @media (min-width: 1000px) { .top_notice-01 .body { width: calc(100% - 206px); } } .top_notice-01 .body .text { font-size: 13px; font-weight: 500; padding: 8px 20px; } @media (min-width: 1000px) { .top_notice-01 .body .text { font-weight: 700; padding: 9px 30px; font-size: 15px; } } .top_notice-01 .body .text p { position: relative; } .top_notice-01 .body .text p::before { content: ""; width: 2px; height: 100%; background-color: #fff; position: absolute; top: 0; left: -20px; } @media (min-width: 1000px) { .top_notice-01 .body .text p::before { left: -30px; } } @media (min-width: 1000px) { .top_news-01 { text-align: right; } } @media (min-width: 1000px) { .top_news-01 .list { display: inline-block; } } .top_news-01 .list li._none a { pointer-events: none; } .top_news-01 .list li a { padding: 10px 20px; display: flex; text-decoration: none; } @media (min-width: 1000px) { .top_news-01 .list li a { text-align: left; padding: 8px 30px; } } .top_news-01 .list li a::after { content: none; } .top_news-01 .list li a:hover .body .title { color: #014099; } .top_news-01 .list li a .head { width: 86px; } @media (min-width: 1000px) { .top_news-01 .list li a .head { width: 91px; } } .top_news-01 .list li a .head .date { font-size: 13px; font-family: "Poppins", sans-serif; font-weight: 500; color: #014099; margin-top: 1px; } @media (min-width: 1000px) { .top_news-01 .list li a .head .date { font-size: 14px; margin-top: 3px; } } .top_news-01 .list li a .body { width: calc(100% - 86px); } @media (min-width: 1000px) { .top_news-01 .list li a .body { width: calc(100% - 91px); } } .top_news-01 .list li a .body .title { font-size: 13px; font-weight: 500; letter-spacing: calc(30 / 1000 * 1em); color: #333; transition: 0.6s; } @media (min-width: 1000px) { .top_news-01 .list li a .body .title { font-size: 15px; height: 23px; overflow: hidden; } } .btn-vertice { position: fixed; right: 10px; bottom: 135px; z-index: 20; opacity: 0; transition: 0.3s; visibility: hidden; } @media (min-width: 1160px) { .btn-vertice { display: none !important; } } .btn-vertice a { display: block; } .btn-vertice a::after { content: none; } .btn-vertice a img { width: 124px; height: 124px; } .btn-vertice.active { opacity: 1; visibility: visible; } .top_event-01 { position: relative; padding: 30px 0 40px; } @media (min-width: 1000px) { .top_event-01 { padding: 30px 0 60px; } } .top_event-01 .global_inner { position: relative; } @media (min-width: 1000px) { .top_event-01 .global_inner { display: flex; } } @media (min-width: 1280px) { .top_event-01 .global_inner { position: static; } } @media (min-width: 1000px) { .top_event-01 .global_inner > .title { width: 230px; display: flex; flex-wrap: wrap; justify-content: flex-end; min-height: 310px; } } @media (min-width: 1000px) { .top_event-01 .global_inner > .title .top_title-01 { width: 100%; } } .top_event-01 .global_inner > .title .top_button { display: none; } @media (min-width: 1000px) { .top_event-01 .global_inner > .title .top_button { margin-top: auto; display: flex; margin-right: 70px; } } .top_event-01 .global_inner > .list { margin-top: 30px; } @media (min-width: 1000px) { .top_event-01 .global_inner > .list { margin-top: 0; width: calc(100% - 290px); position: absolute; top: 10px; right: 0; display: flex; } } @media (min-width: 1280px) { .top_event-01 .global_inner > .list { width: calc(100% - 290px + (1280px - 100%) / 2); position: absolute; top: 30px; right: 0; } } .top_event-01 .global_inner > .list .button { display: none; } @media (min-width: 1000px) { .top_event-01 .global_inner > .list .button { display: block; } } @media (min-width: 1000px) { .top_event-01 .global_inner > .list .button .swiper-button-next, .top_event-01 .global_inner > .list .button .swiper-button-prev { position: absolute; z-index: 10; } } @media (min-width: 1000px) { .top_event-01 .global_inner > .list .module_newsCard-01 { display: flex; flex-wrap: nowrap; } } @media (min-width: 1000px) { .top_event-01 .global_inner > .list .module_newsCard-01 article { margin-top: 0; width: calc((100% - 80px) / 5); margin-right: 20px; } } @media (min-width: 1000px) { .top_event-01 .global_inner > .list .module_newsCard-01 article a { height: 100%; width: 100%; display: flex; flex-flow: column; } } .top_event-01 .global_inner > .list .module_newsCard-01 article:nth-child(n+5) { display: none; } @media (min-width: 1000px) { .top_event-01 .global_inner > .list .module_newsCard-01 article:nth-child(n+5) { display: block; } } @media (min-width: 1000px) { .top_event-01 .global_inner > .list .module_newsCard-01 article .body { margin: 10px 0 0; } } @media (min-width: 1000px) { .top_event-01 .global_inner > .list .module_newsCard-01 article .body .category { order: 1; } } @media (min-width: 1000px) { .top_event-01 .global_inner > .list .module_newsCard-01 article .body .title { order: 2; margin: 8px 0 15px; } } @media (min-width: 1000px) { .top_event-01 .global_inner > .list .module_newsCard-01 article .body .date { order: 3; margin-top: auto; display: none; } } .top_event-01 .global_inner > .list .module_newsCard-01 article .foot { display: none; } @media (min-width: 1000px) { .top_event-01 .global_inner > .list .module_newsCard-01 article .foot { display: block; margin-top: auto; } } .top_event-01 .global_inner > .list .module_newsCard-01 article .foot .date { font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 500; color: #014099; } .top_event-01 .global_inner > .list .top_button { margin-top: 30px; } @media (min-width: 1000px) { .top_event-01 .global_inner > .list .top_button { margin-top: 0; position: absolute; left: 60px; bottom: 0; display: none; } } @media (min-width: 1000px) { .top_event-01 .global_inner .swiper-container { margin-right: 25px; } } @media (min-width: 1280px) { .top_event-01 .global_inner .swiper-container { margin-right: 0; } } .top_event-01 .global_inner .swiper-button-prev, .top_event-01 .global_inner .swiper-button-next { width: 40px; height: 40px; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/ico_button-off.svg"); background-repeat: no-repeat; background-size: contain; transition: background-image 0.6s; margin-top: 0; top: 70px; } @media (min-width: 1000px) { .top_event-01 .global_inner .swiper-button-prev, .top_event-01 .global_inner .swiper-button-next { width: 50px; height: 50px; } } .top_event-01 .global_inner .swiper-button-prev:hover, .top_event-01 .global_inner .swiper-button-next:hover { width: 40px; height: 40px; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/ico_button-on.svg"); background-repeat: no-repeat; background-size: contain; } @media (min-width: 1000px) { .top_event-01 .global_inner .swiper-button-prev:hover, .top_event-01 .global_inner .swiper-button-next:hover { width: 50px; height: 50px; } } .top_event-01 .global_inner .swiper-button-prev { left: 0; transform: scale(-1, 1); } @media (min-width: 1000px) { .top_event-01 .global_inner .swiper-button-prev { left: -25px; } } .top_event-01 .global_inner .swiper-button-next { right: 0; } @media (min-width: 1000px) { .top_event-01 .global_inner .swiper-button-next { right: 0; } } @media (min-width: 1280px) { .top_event-01 .global_inner .swiper-button-next { right: calc((100% - 290px + 9% + (1280px - 100%) / 2) / 5); } } .top_event-01 .global_inner #event_swiper-container .button { display: none; } @media (min-width: 1000px) { .top_event-01 .global_inner #event_swiper-container .button { display: block; } } .top_case-01 { background-color: #eff2f5; padding: 30px 0 50px; } @media (min-width: 1000px) { .top_case-01 { padding: 60px 0 70px; } } @media (min-width: 1000px) { .top_case-01 .global_inner { display: flex; } } @media (min-width: 1000px) { .top_case-01 .global_inner > .title { width: 230px; } } .top_case-01 .global_inner > .list { margin-top: 30px; } @media (min-width: 1000px) { .top_case-01 .global_inner > .list { margin-top: 0; width: calc(100% - 230px); } } .top_policy-01 { padding: 40px 0; position: relative; } @media (min-width: 1000px) { .top_policy-01 { padding: 80px 0 90px; } } .top_policy-01 .top_title-01 { margin-bottom: 20px; } @media (min-width: 1000px) { .top_policy-01 .top_title-01 { margin-bottom: 60px; } } @media (min-width: 1000px) { .top_policy-01 .global_inner { position: static; } } .top_news-02 { background-image: url("/wp/wp-content/themes/privato-sapix/images/common/bg_information-01.png"); background-color: #eff2f5; padding: 40px 0; } @media (min-width: 1000px) { .top_news-02 { padding: 80px 0; } } @media (min-width: 1000px) { .class_top-01 { display: flex; flex-wrap: wrap; justify-content: space-between; } } @media (min-width: 1000px) { .class_top-01 > .head { width: 100%; } } @media (min-width: 1000px) { .class_top-01 > .body { width: calc(100% - 300px); margin-top: 6px; } } .class_top-01 > .body .module_table-01 .module_category { margin-left: 10px; } @media (min-width: 1000px) { .class_top-01 > .body .module_table-01 .module_category { margin-left: 0; } } @media (min-width: 1000px) { .class_top-01 > .foot { width: 300px; padding-left: 40px; margin-top: 23px; } } .class_top-01 > .foot .module_phone-02 + .module_phone-02 { margin-top: 15px; } .class_top-01 > .foot .module_button { margin-top: 30px; } .class_top-01 > .foot .module_button .module_button-04 { max-width: 300px; margin: 0 auto; } @media (min-width: 1000px) { .class_top-01 > .foot .module_button .module_button-04 { min-width: auto; padding: 22px 45px 22px 22px; } } @media (min-width: 1000px) { .class_top-01 > .foot .module_button .module_button-04 .text { font-size: 14px; } } @media (min-width: 1000px) { body.page-template-page-classListTopPage .module_classCard-01 { margin-top: 50px; } } .scene_top-01 { padding: 0 20px; color: #fff; } @media (min-width: 1000px) { .scene_top-01 { padding: 0 60px; } } .scene_top-01 .title { font-size: 20px; font-weight: 700; line-height: 1.5; text-align: center; } @media (min-width: 1000px) { .scene_top-01 .title { font-size: 30px; } } .scene_top-01 .global_inner { max-width: 1160px; background-color: #1253a4; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/bg_information-01.png"); border-radius: 17px; padding: 40px 20px; } @media (min-width: 1000px) { .scene_top-01 .global_inner { padding: 75px 115px 55px; } } .scene_top-01 .module_flex-03 { margin-top: 30px; } .scene_top-01 .arrow { text-align: center; margin-top: 20px; } @media (min-width: 1000px) { .scene_top-01 .arrow { margin-top: 40px; } } .scene_recommend-01 { padding: 20px 0 0; } @media (min-width: 1000px) { .scene_recommend-01 { padding: 50px 0 0; position: relative; } } .scene_recommend-01 h2.title { color: #f26964; font-size: 20px; font-weight: 700; } @media (min-width: 1000px) { .scene_recommend-01 h2.title { font-size: 24px; display: flex; align-items: center; justify-content: center; } } .scene_recommend-01 h2.title .head { text-align: left; display: block; margin-bottom: 4px; } @media (min-width: 1000px) { .scene_recommend-01 h2.title .head { margin-bottom: 0; } } .scene_recommend-01 h2.title .body { display: flex; align-items: center; justify-content: center; border-bottom: 3px solid #f26964; padding-bottom: 5px; } @media (min-width: 1000px) { .scene_recommend-01 h2.title .body { display: inline-flex; margin: 0 10px; } } .scene_recommend-01 h2.title .body .image { margin-right: 6px; height: 24px; } @media (min-width: 1000px) { .scene_recommend-01 h2.title .body .image { height: 36px; } } .scene_recommend-01 h2.title .body .image img { height: 24px; } @media (min-width: 1000px) { .scene_recommend-01 h2.title .body .image img { height: 36px; } } .scene_recommend-01 h2.title .body .text { font-size: 25px; } @media (min-width: 1000px) { .scene_recommend-01 h2.title .body .text { font-size: 38px; } } .scene_recommend-01 h2.title .foot { text-align: right; display: block; margin-top: 4px; } @media (min-width: 1000px) { .scene_recommend-01 h2.title .foot { margin-top: 0; } } @media (min-width: 1000px) { .scene_recommend-01 .global_inner { position: static; } } .scene_recommend-01 .module_flex-05 { margin-top: 35px; } @media (min-width: 1000px) { .scene_recommend-01 .module_flex-05 { margin-top: 40px; } } @media (min-width: 1000px) { .scene_recommend-01 .module_flex-05::before { top: 185px; left: 0; } } .scene_flow-01 { margin-top: 50px; } @media (min-width: 1000px) { .scene_flow-01 { margin-top: 80px; } } @media (min-width: 1000px) { .scene_flow-01 .module_title-scene br { display: none; } } .scene_flow-01 h2.title { margin-top: 5px; font-size: 27px; text-align: center; font-weight: 700; color: #f26964; } @media (min-width: 1000px) { .scene_flow-01 h2.title { margin-top: 20px; font-size: 36px; } } .scene_flow-01 .list { margin-top: 20px; } @media (min-width: 1000px) { .scene_flow-01 .list { margin-top: 40px; } } .scene_flow-01 .list > li { border-radius: 20px; padding: 40px 20px; position: relative; } @media (min-width: 1000px) { .scene_flow-01 .list > li { padding: 50px 60px; } } .scene_flow-01 .list > li + li { margin-top: 22px; } @media (min-width: 1000px) { .scene_flow-01 .list > li + li { margin-top: 33px; } } .scene_flow-01 .list > li + li::before { position: absolute; top: -34px; left: 50%; transform: translateX(-50%); content: ""; width: 41px; height: 43px; background-size: contain; background-repeat: no-repeat; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/ico_arrow-scene.svg"); } @media (min-width: 1000px) { .scene_flow-01 .list > li + li::before { width: 53px; height: 56px; top: -45px; } } .scene_flow-01 .list > li._top { background-color: #1253a4; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/bg_information-01.png"); margin-bottom: 52px; } @media (min-width: 1000px) { .scene_flow-01 .list > li._top { margin-bottom: 66px; } } .scene_flow-01 .list > li._top > .head .title { font-size: 20px; color: #fff; text-align: center; } @media (min-width: 1000px) { .scene_flow-01 .list > li._top > .head .title { font-size: 21px; text-align: center; } } .scene_flow-01 .list > li._top > .body { margin-top: 30px; } @media (min-width: 1000px) { .scene_flow-01 .list > li._top > .body { margin-top: 50px; } } .scene_flow-01 .list > li._top > .body .module_interaction-01 > li._contents > .text { color: #fff; } .scene_flow-01 .list > li._top > .body .module_interaction-01 > li._left > .head .name, .scene_flow-01 .list > li._top > .body .module_interaction-01 > li._right > .head .name { color: #fff; } @media (min-width: 1000px) { .scene_flow-01 .list > li._top > .body .module_interaction-01 > li._left > .body .wrap, .scene_flow-01 .list > li._top > .body .module_interaction-01 > li._right > .body .wrap { max-width: 545px; } } .scene_flow-01 .list > li._step { background-color: #eff2f5; } @media (min-width: 1000px) { .scene_flow-01 .list > li._step { display: flex; justify-content: space-between; } } @media (min-width: 1000px) { .scene_flow-01 .list > li._step > .head { width: 300px; padding-right: 20px; } } @media (min-width: 1000px) { .scene_flow-01 .list > li._step > .body { width: calc(100% - 300px); } } @media (min-width: 1000px) { .scene_flow-01 .list > li._step > .body .module_interaction-01 > li { min-height: 172px; } } .scene_flow-01 .list > li > .head .step { font-family: "Poppins", sans-serif; font-weight: 700; font-size: 16px; text-align: center; color: #1253a4; } @media (min-width: 1000px) { .scene_flow-01 .list > li > .head .step { font-size: 20px; text-align: left; } } .scene_flow-01 .list > li > .head .title { font-size: 22px; font-weight: 700; text-align: center; } @media (min-width: 1000px) { .scene_flow-01 .list > li > .head .title { font-size: 24px; text-align: left; } } .scene_flow-01 .list > li > .body { margin-top: 20px; } @media (min-width: 1000px) { .scene_flow-01 .list > li > .body { margin-top: 0; } } .scene_flow-01 .list > li > .body .module_interaction-01 > li._button .module_button { justify-content: center; margin-bottom: -10px; } @media (min-width: 1000px) { .scene_flow-01 .list > li > .body .module_interaction-01 > li._button .module_button { justify-content: flex-start; } } .scene_flow-01 .list > li > .body .module_interaction-01 > li._button .module_button-04 { margin-bottom: 10px; } .scene_cycle-01 { position: relative; padding: 40px 0 0; } @media (min-width: 1000px) { .scene_cycle-01 { padding: 160px 0 0; } } .scene_cycle-01 .module_title-scene { font-size: 25px; } @media (min-width: 1000px) { .scene_cycle-01 .module_title-scene { position: absolute; top: -87px; left: 60px; font-size: 31px; transform: rotate(-7deg); } } .scene_cycle-01 .global_inner { max-width: none; padding: 0; } .scene_cycle-01 .module_tab-03 .module_tab-head { margin-top: 30px; } @media (min-width: 1000px) { .scene_cycle-01 .module_tab-03 .module_tab-head { margin-top: 0; } } .scene_cycle-01 .module_tab-03 .module_tab-body > .title { font-size: 18px; font-weight: 700; color: #fff; text-align: center; } @media (min-width: 1000px) { .scene_cycle-01 .module_tab-03 .module_tab-body > .title { font-size: 24px; } } .scene_cycle-01 .module_tab-03 .module_tab-body .module_flex-04 { position: relative; margin-top: 20px; } @media (min-width: 1000px) { .scene_cycle-01 .module_tab-03 .module_tab-body .module_flex-04 { margin-top: 40px; } } @media (min-width: 1000px) { .scene_cycle-01 .module_tab-03 .module_tab-body .module_flex-04._repeat > li .body .text { margin-top: 55px; } } @media (min-width: 1000px) { .scene_cycle-01 .module_tab-03 .module_tab-body .module_flex-04._repeat::before { content: ""; position: absolute; top: 65px; left: 50%; z-index: 2; height: 126px; background-image: url("/wp/wp-content/themes/privato-sapix/images/common/ico_repeat-arrow.png"); background-repeat: no-repeat; background-size: contain; background-position: center; transform: translateX(-50%); width: calc(85% + 40px); } } .scene_cycle-01 .module_tab-03 .module_tab-body > .button { margin-top: 25px; background-color: #fff; border-radius: 25px; display: flex; justify-content: center; align-items: center; padding: 11px 10px; } @media (min-width: 1000px) { .scene_cycle-01 .module_tab-03 .module_tab-body > .button { display: none; } } .scene_cycle-01 .module_tab-03 .module_tab-body > .button span { font-size: 15px; font-weight: 700; color: #1253a4; } .scene_course-01 { margin: 40px 0; } @media (min-width: 1000px) { .scene_course-01 { margin: 80px 0; } } .scene_course-01 .box { position: relative; border: 2px solid #1253a4; border-radius: 15px; padding: 55px 20px 40px; } @media (min-width: 1000px) { .scene_course-01 .box { padding: 65px 60px 80px; display: flex; justify-content: space-between; } } .scene_course-01 .box + .box { margin-top: 30px; } @media (min-width: 1000px) { .scene_course-01 .box + .box { margin-top: 50px; } } @media (min-width: 1000px) { .scene_course-01 .head { width: 400px; padding-right: 50px; } } .scene_course-01 .head .wrap .sub { position: absolute; top: 0; left: -14px; display: inline-flex; align-items: center; justify-content: center; background-color: #1253a4; color: #fff; font-size: 16px; font-weight: 700; padding: 8px 22px; transform: rotate(-7deg); } @media (min-width: 1000px) { .scene_course-01 .head .wrap .sub { top: 60px; left: -30px; padding: 8px 50px; min-width: 265px; } } .scene_course-01 .head .wrap .title { font-size: 27px; font-weight: 700; color: #1253a4; text-align: center; line-height: 1.2592592593; } @media (min-width: 1000px) { .scene_course-01 .head .wrap .title { margin-top: 60px; font-size: 42px; text-align: left; line-height: 1.3333333333; } } @media (min-width: 1000px) { .scene_course-01 .head .wrap .title span span { display: block; } } .scene_course-01 .body { margin-top: 20px; } @media (min-width: 1000px) { .scene_course-01 .body { width: calc(100% - 400px); } } .scene_course-01 .body table tr { border-bottom: none; } .scene_course-01 .body table tr:last-child td { padding: 15px 0 0; } @media (min-width: 1000px) { .scene_course-01 .body table tr:last-child td { padding: 16px 18px; } } .scene_course-01 .body table tr td, .scene_course-01 .body table tr th { width: 100% !important; display: block; min-width: auto; } @media (min-width: 1000px) { .scene_course-01 .body table tr td, .scene_course-01 .body table tr th { width: auto !important; display: table-cell; } } .scene_course-01 .body table tr td { padding: 15px 0 20px; } @media (min-width: 1000px) { .scene_course-01 .body table tr td { padding: 16px 18px; } } .scene_course-01 .body table tr th { padding: 8px 20px; text-align: center; background-color: #eff2f5; color: #1253a4; font-size: 16px; font-weight: 700; } @media (min-width: 1000px) { .scene_course-01 .body table tr th { white-space: nowrap; display: block; padding: 8px 9px; } } .scene_course-01 .body .text { margin-top: 20px; } @media (min-width: 1000px) { .scene_course-01 .body .text { margin-top: 30px; } } .scene_course-01 .body .text .module_button { justify-content: flex-end; } .scene_voice-01 { background-color: #eff2f5; padding: 30px 0 65px; } @media (min-width: 1000px) { .scene_voice-01 { padding: 80px 0; } } @media (min-width: 1000px) { .scene_voice-01 .global_inner { display: flex; justify-content: space-between; } } @media (min-width: 1000px) { .scene_voice-01 .global_inner > .head { width: 300px; padding-right: 30px; } } .scene_voice-01 .global_inner > .head .wrap { text-align: center; } @media (min-width: 1000px) { .scene_voice-01 .global_inner > .head .wrap { text-align: left; } } .scene_voice-01 .global_inner > .head .wrap > .sub { font-size: 21px; font-family: "Poppins", sans-serif; font-weight: 700; color: #f26964; } .scene_voice-01 .global_inner > .head .wrap > .title { font-size: 27px; font-weight: 700; color: #1253a4; } @media (min-width: 1000px) { .scene_voice-01 .global_inner > .head .wrap > .title { font-size: 34px; } } .scene_voice-01 .global_inner > .body { margin-top: 30px; } @media (min-width: 1000px) { .scene_voice-01 .global_inner > .body { margin-top: 0; width: calc(100% - 300px); } } .scene_faq-01 { margin-top: 50px; } @media (min-width: 1000px) { .scene_faq-01 { margin-top: 70px; } } .scene_faq-01 h2.title { font-size: 27px; text-align: center; color: #1253a4; font-weight: 700; margin-bottom: 30px; } .scene_faq-01 .global_inner { max-width: 894px; margin: 0 auto; } .scene_faq-01 .module_button { justify-content: center; } @media (min-width: 1000px) { .scene_faq-01 .module_button { margin-top: 70px; } } .schoolMap { position: relative; max-width: 100%; width: auto; display: none; margin-top: 35px; } @media (min-width: 1000px) { .schoolMap { display: block; } } img.alignleft, img.alignright, div.alignleft, div.alignright { display: block; max-width: calc(50% - 10px) !important; height: auto; margin: 0 auto 1em; } @media (min-width: 1000px) { img.alignleft, img.alignright, div.alignleft, div.alignright { max-width: calc(50% - 15px) !important; margin: 0 0 1em; } } img.alignleft img, img.alignright img, div.alignleft img, div.alignright img { height: auto; } img.alignleft, div.alignleft { float: left; margin-right: 20px; } @media (min-width: 1000px) { img.alignleft, div.alignleft { margin-right: 30px; } } img.alignright, div.alignright { float: right; margin-left: 20px; } @media (min-width: 1000px) { img.alignright, div.alignright { margin-left: 30px; } } img.aligncenter, div.aligncenter { display: block; margin: 0 auto; text-align: center; } div .wp-caption { max-width: 100%; } @media (min-width: 1000px) { div .wp-caption.alignnone { padding: 0 10px 0 0; } } div .wp-caption.aligncenter { padding: 0 5px; text-align: left; } @media (min-width: 1000px) { div .wp-caption.alignleft { padding: 0 10px 0 0; margin-right: 20px; } } @media (min-width: 1000px) { div .wp-caption.alignright { padding: 0 0 0 10px; margin-left: 20px; } } div .wp-caption:first-child.alignright + p, div .wp-caption:first-child.alignleft + p { margin-top: 0; } .module_password p:not([class]):first-child { text-align: center; } .module_password form label[for*=pwbox] { display: block; margin: 0 auto; } @media (min-width: 1000px) { .module_password form label[for*=pwbox] { max-width: 350px; } } .module_password form input[type=password] { font-family: Consolas, "Courier New", Courier, Monaco, monospace !important; } .module_password form .mp_submit-wrap { display: flex; justify-content: center; margin-top: 30px; } .module_password form .mp_submit-inner { padding: 0; color: #fff; background-color: #014099; } @media (min-width: 1000px) { .module_password form .mp_submit-inner { padding: 0; } } .module_password form .mp_submit-inner:hover { color: #014099; background-color: #fff; } .module_password form input[type=submit] { position: relative; z-index: 2; width: 100%; height: 100%; padding: 15px 50px; color: inherit; background-color: transparent; } body.admin-bar #wpadminbar { transform: translateY(-46px); } @media (min-width: 601px) { body.admin-bar #wpadminbar { transform: none; } } body.admin-bar .global_header { position: fixed; transform: translateY(46px); } @media (min-width: 601px) { body.admin-bar .global_header { position: fixed; transform: translateY(46px); } } @media (min-width: 783px) { body.admin-bar .global_header { transform: translateY(32px); } } @media (min-width: 601px) { body.admin-bar .global_navigation { transform: translateY(46px); } } @media (min-width: 783px) { body.admin-bar .global_navigation { transform: translateY(32px); } } @media (min-width: 601px) { body.admin-bar._open-menu .global_navigation { padding-bottom: 116px; } } @media (min-width: 783px) { body.admin-bar._open-menu .global_navigation { padding-bottom: 0; } } #map_canvas { width: 100%; height: 500px; margin-bottom: 30px; } #map_canvas img[src$=".svg"] { transition: opacity 0.15s; } body._sac #map_canvas .ico_map-sac { pointer-events: none; } body._sac #map_canvas img[src*=sac] { opacity: 0 !important; } body._acf #map_canvas .ico_map-acf { pointer-events: none; } body._acf #map_canvas img[src*=acf] { opacity: 0 !important; } body._acd #map_canvas .ico_map-acd { pointer-events: none; } body._acd #map_canvas img[src*=acd] { opacity: 0 !important; } body._acn #map_canvas .ico_map-acn { pointer-events: none; } body._acn #map_canvas img[src*=acn] { opacity: 0 !important; } .module_mapWindow-01._sac .body .alumniClubTitle::before { background-color: #FECC00; } .module_mapWindow-01._acf .body .alumniClubTitle::before { background-color: #fff; } .module_mapWindow-01._acd .body .alumniClubTitle::before { background-color: #AF0226; } .module_mapWindow-01 a { display: flex; justify-content: space-between; flex-wrap: wrap; text-decoration: none; color: #fff; } .module_mapWindow-01 .head { width: 60px; } @media (min-width: 1000px) { .module_mapWindow-01 .head { width: 95px; } } .module_mapWindow-01 .head img { width: 60px; } @media (min-width: 1000px) { .module_mapWindow-01 .head img { width: 95px; } } .module_mapWindow-01 .body { width: calc(100% - 70px); } @media (min-width: 1000px) { .module_mapWindow-01 .body { width: calc(100% - 120px); } } .module_mapWindow-01 .body .alumniClubTitle { position: relative; font-size: 10px; font-weight: 700; display: flex; align-items: center; } .module_mapWindow-01 .body .alumniClubTitle::before { content: ""; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; background-color: #00205B; } .module_mapWindow-01 .body .name { margin-top: 10px; font-size: 18px; } @media (min-width: 1000px) { .module_mapWindow-01 .body .name { font-size: 22px; } } .module_mapWindow-01 .body .affiliation { margin-top: 10px; font-size: 12px; font-weight: 700; text-decoration: underline; } .module_mapWindow-01 .foot { margin-top: 20px; width: 100%; font-size: 11px; } @media (min-width: 1000px) { .module_mapWindow-01 .foot { margin-top: 15px; font-size: 12px; } } .module_mapWindow-01 .foot .hostInstitution { margin-top: 5px; text-indent: -1em; padding-left: 1em; } .gm-style .gm-style-iw-t { height: 2px !important; } .gm-style .gm-style-iw-t::before, .gm-style .gm-style-iw-t::after { content: none !important; } .gm-style .gm-style-iw.gm-style-iw-c { position: relative !important; top: 0 !important; left: 0 !important; overflow: visible !important; box-shadow: none !important; margin-right: -55px !important; padding: 0 0 25px !important; border-radius: 0 !important; max-width: 275px !important; width: 100% !important; height: auto !important; background: none !important; pointer-events: none; } @media (min-width: 1000px) { .gm-style .gm-style-iw.gm-style-iw-c { max-width: 420px !important; } } .gm-style .gm-style-iw.gm-style-iw-c::after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; z-index: 10; width: 0; height: 0; border-style: solid; border-width: 25px 15px 0 15px; border-color: #1aa975 transparent transparent transparent; transform: translateX(-50%); } .gm-style .gm-style-iw.gm-style-iw-c > div { overflow: visible !important; } .gm-style .gm-style-iw.gm-style-iw-c > div > div { overflow: visible !important; } .gm-style .gm-style-iw-d { box-shadow: 4px 6px 9px rgba(0, 0, 0, 0.16); padding: 20px !important; max-width: 100% !important; background-color: #1aa975 !important; pointer-events: auto; } .gm-ui-hover-effect { top: 0 !important; right: 0 !important; pointer-events: auto; } .gm-ui-hover-effect::before, .gm-ui-hover-effect::after { content: ""; display: block; position: absolute; top: 10px; right: 18px; width: 1px; height: 12px; background-color: #ffffff; } .gm-ui-hover-effect::before { transform: rotate(45deg); } .gm-ui-hover-effect::after { transform: rotate(-45deg); } .gm-ui-hover-effect img { opacity: 0; } .gm-style-pbc + div > div > div > div > div:not([class]) div { box-shadow: none !important; border: none !important; background: none !important; } @media (min-width: 1000px) { .top_peopleTab-01 { display: flex; } } .top_peopleTab-01 li + li { margin-top: 20px; } @media (min-width: 1000px) { .top_peopleTab-01 li + li { margin-top: 0; margin-left: 30px; } } .top_peopleTab-01 li.sac a { color: #AB8900; } .top_peopleTab-01 li.sac a::before { border-color: #FECC00; background-color: #FECC00; } .top_peopleTab-01 li.acf a { color: #000000; } .top_peopleTab-01 li.acf a::before { border-color: #CCCCCC; background-color: #FFFFFF; } .top_peopleTab-01 li.acd a { color: #AF0226; } .top_peopleTab-01 li.acd a::before { border-color: #AF0226; background-color: #AF0226; } .top_peopleTab-01 li a { position: relative; display: inline-flex; align-items: center; font-size: 16px; letter-spacing: calc(50 / 1000 * 1em); font-weight: 600; text-decoration: none; color: #00205B; } .top_peopleTab-01 li a::before { content: ""; display: block; width: 30px; height: 30px; border: 1px solid #00205B; background-color: #00205B; margin-right: 10px; border-radius: 50%; } .top_peopleTab-01 li a span { width: calc(100% - 40px); } .cluster > img { width: 40px; height: 40px; display: none; } .cluster > img + div { display: flex; justify-content: center; align-items: center; background-color: rgba(0, 140, 255, 0.4); border-radius: 50%; position: absolute; top: 0; left: 0; color: #ffffff; font-size: 15px; font-family: Arial, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; text-align: center; width: 40px; height: 40px; } .cluster > img + div span { display: inline-block; width: 32px; height: 32px; line-height: 32px; background-color: #008CFF; border-radius: 50%; } .cluster.cluster-2 > img { width: 40px; height: 40px; } .cluster.cluster-2 > img + div { background-color: rgba(255, 191, 0, 0.4); width: 40px; height: 40px; } .cluster.cluster-2 > img + div span { width: 32px; height: 32px; line-height: 32px; background-color: #FFBF00; } .cluster.cluster-3 > img { width: 45px; height: 45px; } .cluster.cluster-3 > img + div { background-color: rgba(255, 0, 0, 0.4); width: 45px; height: 45px; } .cluster.cluster-3 > img + div span { width: 37px; height: 37px; line-height: 37px; background-color: #FF0000; } .cluster.cluster-4 > img { width: 45px; height: 45px; } .cluster.cluster-4 > img + div { background-color: rgba(255, 0, 242, 0.4); width: 45px; height: 45px; } .cluster.cluster-4 > img + div span { width: 37px; height: 37px; line-height: 37px; background-color: #FF00F2; } .cluster.cluster-5 > img { width: 50px; height: 50px; } .cluster.cluster-5 > img + div { background-color: rgba(183, 0, 255, 0.4); width: 50px; height: 50px; } .cluster.cluster-5 > img + div span { width: 42px; height: 42px; line-height: 42px; background-color: #B700FF; } #comments { position: relative; margin-top: 40px; padding-top: 40px; } @media (min-width: 1000px) { #comments { margin-top: 70px; padding-top: 0; } } #comments::before { content: ""; position: absolute; border-top: 1px solid #BFBFBF; top: 0; left: -20px; width: calc(100% + 40px); } @media (min-width: 1000px) { #comments::before { left: 0; width: 100%; border: none; } } #comments .top_title-01 { margin-bottom: 25px; } @media (min-width: 1000px) { #comments .top_title-01 { margin-bottom: 30px; } } #comments .top_title-01 .title-main { font-size: 24px; } #comments .comment-respond .module_button { justify-content: center; } #comments .comment-respond .module_button .module_button-01 { background-color: #004C71; padding: 0; } #comments .comment-respond .module_button .module_button-01 p span::after { right: 20px; } #comments .comment-respond .module_button .module_button-01 p input { width: 240px; padding: 7px 40px 7px 20px; text-align: left; color: #fff; background-color: transparent; } #comments .module_comments-01 { margin-bottom: 30px; } #comments .comment-reply-title { margin-bottom: 40px; } @media (min-width: 1000px) { #comments .comment-reply-title { margin-bottom: 45px; } } .module_comments-01 li { transition: 0.6s; } .module_comments-01 li + li { margin-top: 30px; } .module_comments-01 li:nth-child(n+4) { display: none; height: 0; } .module_comments-01 li._open { display: block; height: 100%; } .module_comments-01 li._close { display: none; height: 0; } .module_comments-01 li .head { display: flex; font-size: 14px; font-weight: 500; color: #AAAAAA; } .module_comments-01 li .head .date { font-family: "Poppins", sans-serif; font-weight: 500; margin-right: 20px; } .module_comments-01 li .body .text { margin-top: 5px; font-size: 14px; letter-spacing: calc(50 / 1000 * 1em); line-height: 1.5; } .module_comments-01 li .body .url { font-size: 14px; } .commentMore { justify-content: center; align-items: center; background-color: #fff; border-radius: 5px; height: 45px; margin-bottom: 20px; display: none; cursor: pointer; transition: 0.6s; } @media (min-width: 1000px) { .commentMore { margin-bottom: 30px; } } .commentMore._block { display: flex; } .commentMore._none { display: none; } .commentMore:hover { opacity: 0.7; } .commentMore i { font-size: 15px; color: #1aa975; margin-right: 15px; } .commentMore p { font-size: 15px; font-weight: 500; } .comment-reply-title { background-color: #555555; border-radius: 5px; padding: 15px 10px; position: relative; text-align: center; font-size: 16px; color: #fff; font-weight: 500; } .comment-reply-title::before { content: "\f303"; font-family: "Font Awesome 5 Pro"; font-weight: 300; line-height: 1; font-size: 20px; margin-right: 16px; color: #1aa975; } .comment-form .form-submit { text-align: center; } .comment-form .form-submit .submit { width: 250px; height: 55px; border: 1px solid #1aa975; background-color: #1aa975; color: #fff; text-align: center; font-size: 15px; font-weight: 500; border-radius: 5px; transition: 0.6s; } .comment-form .form-submit .submit:hover { background-color: #fff; color: #1aa975; }/*# sourceMappingURL=style.css.map */</style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" ></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js" defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Modaal/0.4.4/js/modaal.min.js" defer></script> <script src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/js/jquery.dualtab.js" defer></script> <script src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/js/jquery.rwdImageMaps.min.js" defer></script> <script src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/js/TweenMax.min.js" defer></script> <script src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/js/ScrollMagic.min.js" defer></script> <script src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/js/plugins/animation.gsap.min.js" defer></script> <script src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/js/home.js" defer></script> <script src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/js/common.js" defer></script> <script src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/js/scroll-hint.js" defer></script> <title>プリバート｜サピックス準拠の個別指導ならPRIVATO</title> <meta name='robots' content='max-image-preview:large' /> <link class='async' id='formidable-css' href='https://www.privato-sapix.com/wp/wp-content/plugins/formidable/css/formidableforms.css' type='text/css' media='all'> <link class='async' id='css-style-css' href='https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/style.css' type='text/css' media='all'> <link class='async' id='wp-block-library-css' href='https://www.privato-sapix.com/wp/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all'> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel="https://api.w.org/" href="https://www.privato-sapix.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.privato-sapix.com/wp-json/wp/v2/pages/7" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.privato-sapix.com/wp/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.6.2" /> <link rel="canonical" href="https://www.privato-sapix.com/" /> <link rel='shortlink' href='https://www.privato-sapix.com/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.privato-sapix.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.privato-sapix.com%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.privato-sapix.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.privato-sapix.com%2F&format=xml" /> <script>document.documentElement.className += " js";</script> <link rel="icon" href="/wp/wp-content/uploads/2021/11/cropped-android-chrome-512x512-1-32x32.png" sizes="32x32" /> <link rel="icon" href="/wp/wp-content/uploads/2021/11/cropped-android-chrome-512x512-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="/wp/wp-content/uploads/2021/11/cropped-android-chrome-512x512-1-180x180.png" /> <meta name="msapplication-TileImage" content="/wp/wp-content/uploads/2021/11/cropped-android-chrome-512x512-1-270x270.png" /> </head> <body itemscope itemtype="https://schema.org/WebPage" class="home page-template-default page page-id-7" id="home">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5W43XD8" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5GB5CDF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header id="global_header" class="global_header" itemscope itemtype="https://schema.org/WPHeader"> <div class="inner"> <h1 class="gh_logo"><a href="https://www.privato-sapix.com/"><img src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/images/common/logo.svg" alt="PRIVATO" width="165" height="50"></a></h1> <p class="gh_logo_vertice"><a href="https://www.privato-sapix.com/vertice/" target="_blank"><img src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/images/common/logo-vertice.svg" alt="VERTICE" width="180" height="50"></a></p> <button type="button" class="gh_menu" id="gh_menu"><span class="icon"></span><span class="text _close">CLOSE</span><span class="text _open">メニュー</span></button> </div> </header> <nav id="global_navigation" class="global_navigation" itemscope itemtype="https://schema.org/SiteNavigationElement"> <div class="global_inner"> <ul class="module_flex-01"> <li> <a href="/application/join/"> <div class="wrap"> <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="17.73" height="25.805" viewBox="0 0 17.73 25.805"><path d="M175.08,163.41a1.572,1.572,0,0,0-1.781.5l-5.8,6.018a3.076,3.076,0,0,0-.249.3,3.073,3.073,0,0,0-.249-.3l-5.8-6.018a1.57,1.57,0,0,0-1.781-.5c-.388.156-1.039.624-1.039,2v13.5a5.745,5.745,0,0,0,1.3,3.59l5.8,6.018a1.723,1.723,0,0,0,1.253.6,1.405,1.405,0,0,1,1.027,0,1.724,1.724,0,0,0,1.253-.6l5.8-6.018a5.743,5.743,0,0,0,1.3-3.59v-13.5C176.119,164.034,175.468,163.566,175.08,163.41ZM174.012,178.9a3.763,3.763,0,0,1-.714,2.129l-4.992,5.18v-12.7a3.758,3.758,0,0,1,.713-2.128l4.992-5.181Z" transform="translate(-158.389 -163.308)" fill="#fff"/></svg></div> <div class="title">⼊室までの流れ</div> </div> </a> </li> <li> <a href="/school/"> <div class="wrap"> <div class="icon"><i class="fal fa-home"></i></div> <div class="title">教室のご案内</div> </div> </a> </li> <li> <a href="https://my.privato-sapix.com/" target="_blank"> <div class="wrap"> <div class="icon"><i class="fal fa-user"></i></div> <div class="title">個別指導<br>マイページ</div> </div> </a> </li> </ul> <ul class="module_menu-01 module_menu-pc"> <li class="_hasChild "> <button class="mm_button" type="button"><span>開閉</span></button> <a class="mm_title" href="/scene/" ><span>ご利用シーン</span></a> <div class="mm_wrapper-01"> <div class="mm_inner-01"> <ul> <li><a class="mm_title-01" href="/scene/elementary-sapix/" >SAPIX小学部に通われている方</a></li> <li><a class="mm_title-01" href="/scene/elementary/" >SAPIX小学部に通われていない方</a></li> <li><a class="mm_title-01" href="/scene/online/" >オンライン授業のご利用について</a></li> </ul> </div> </div> </li> <li class="_hasChild "> <button class="mm_button" type="button"><span>開閉</span></button> <a class="mm_title" href="/school/" ><span>教室のご案内</span></a> <div class="mm_wrapper-01"> <div class="mm_inner-01"> <ul> <li><a class="mm_title-01" href="/school#tokyo" >東京都の教室</a></li> <li><a class="mm_title-01" href="/school#kanagawa" >神奈川県の教室</a></li> <li><a class="mm_title-01" href="/school#saitama" >埼玉県の教室</a></li> <li><a class="mm_title-01" href="/school#chiba" >千葉県の教室</a></li> <li><a class="mm_title-01" href="/scene/online/" >オンライン</a></li> </ul> </div> </div> </li> <li class="_hasChild "> <button class="mm_button" type="button"><span>開閉</span></button> <a class="mm_title" href="/application/" ><span>ご入室について</span></a> <div class="mm_wrapper-01"> <div class="mm_inner-01"> <ul> <li><a class="mm_title-01" href="/application/join/" >ご入室について</a></li> <li><a class="mm_title-01" href="/application/timeslot/" >時間割・授業料</a></li> <li><a class="mm_title-01" href="/application/disaster-preparedness/" >災害時の対応</a></li> </ul> </div> </div> </li> <li > <a class="mm_title" href="/event/" ><span>イベント</span></a> </li> <li > <a class="mm_title" href="/news/" ><span>お知らせ</span></a> </li> <li > <a class="mm_title" href="/faq/" ><span>よくある質問</span></a> </li> <li > <a class="mm_title" href="https://mypage.sapix.com/mypage/UM/UMAB/UMAB0157.do" target="_blank"><span>資料請求</span></a> </li> </ul> <div class="gn_subMenu"> <ul class="module_menu-02 gn_links-02"> <li><a href="/greeting/" ><span>ご挨拶</span></a></li> <li><a href="/corporate/" ><span>会社概要</span></a></li> <li><a href="https://www.saiyou.sapix.com" target="_blank"><span>採用情報</span></a></li> <li><a href="/privacy/" ><span>プライバシー・ポリシー</span></a></li> <li><a href="/requirements/" ><span>推奨環境</span></a></li> </ul> </div> </div> </nav> <div class="overlay" id="overlay"></div><div class="global_wrapper"> <div class="top_mainVisual"> <div class="wrap _oneColumn"> <div class="catchCopy"> <div class="global_inner"> <div class="title"><img src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/images/common/catch-pc.webp" alt="SAPIX生に伴走する個別指導一人ひとりのために、最適な授業を" class="_pc"><img src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/images/common/catch-sp.webp" alt="SAPIX生に伴走する個別指導一人ひとりのために、最適な授業を" class="_sp"></div> <div class="button module_button"><a href="https://my.privato-sapix.com/prismweb/Reservation/PrivacyPolicy" target="_blank" class="module_button-03" id="mendan_mv"><span>まずは相談してみる</span><span class="icon"><i class="fas fa-chevron-right"></i></span></a></div> </div> </div> <div class="column"> <div class="image _over-TB" style="background-image: url(/wp/wp-content/uploads/2023/11/pixta_79063568_M-11.jpg)"></div> <div class="image _only-SP" style="background-image: url(/wp/wp-content/uploads/2023/11/bg-sp.jpg)"></div> </div> </div> </div> <div class="top_news-01"> </div> <main id="global_contents" class="global_contents" itemscope itemprop="mainContentOfPage"> <p id="btn-vertice" class="btn-vertice active"><a href="https://www.privato-sapix.com/vertice/" target="_blank"><img src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/images/common/btn-vertice.png" alt="PRIVATO" width="124" height="124"></a></p> <section id="top_event-01" class="top_event-01"> <div class="global_inner"> <div class="title"> <h2 class="top_title-01"><span class="title-main">EVENT</span><span class="title-sub">イベント</span></h2> <div class="top_button"><a href="/event/" class="top_button-01"><p class="wrap"><span>VIEW MORE</span><i class="fas fa-chevron-right"></i></p></a></div> </div> <div class="list"> <div id="event_swiper-container" class="event_swiper-container swiper-container"> <div class="swiper-wrapper module_newsCard-01"> <article class="swiper-slide _target"> <a href="https://www.privato-sapix.com/scene/elementary-sapix/sapia-backnumber/" target="_blank" > <div class="head"> <p class="image" style="background-image: url(/wp/wp-content/uploads/2024/11/pribato_banner_sapix-360x240.jpg)"></p> </div> <div class="body"> <p class="category"><span class="label sapix _elementary">SAPIX生</span><span class="label elementary _">小学生</span></p> <h3 class="title">いいね！プリバート</h3> <p class="date"><time datetime="2025-03-31">2025.03.31</time></p> </div> <div class="foot"> <p class="date"><time datetime="2025-03-31">2025.03.31</time></p> </div> </a> </article> <article class="swiper-slide _target"> <a href="https://www.privato-sapix.com/vertice/" target="_blank" > <div class="head"> <p class="image" style="background-image: url(/wp/wp-content/uploads/2024/03/40500cc72a679c37efb3bc95ad2d5dc5-360x240.png)"></p> </div> <div class="body"> <p class="category"><span class="label sapix _elementary">SAPIX生</span><span class="label elementary _">小学生</span></p> <h3 class="title">完全1対1の個別指導「VERTICE」</h3> <p class="date"><time datetime="2024-12-02">2024.12.02</time></p> </div> <div class="foot"> <p class="date"><time datetime="2024-12-02">2024.12.02</time></p> </div> </a> </article> <article class="swiper-slide _target"> <a href="/scene/online/" > <div class="head"> <p class="image" style="background-image: url(/wp/wp-content/uploads/2024/03/fbb7cf2adec8405544bc7d61bb494b08-360x240.jpg)"></p> </div> <div class="body"> <p class="category"><span class="label sapix _elementary">SAPIX生</span><span class="label online _elementary">オンライン</span></p> <h3 class="title">プリバートオンライン教室</h3> <p class="date"><time datetime="2024-12-02">2024.12.02</time></p> </div> <div class="foot"> <p class="date"><time datetime="2024-12-02">2024.12.02</time></p> </div> </a> </article> <article class="swiper-slide _target"> <a href="https://my.privato-sapix.com/prismweb/Reservation/PrivacyPolicy" target="_blank" > <div class="head"> <p class="image" style="background-image: url(/wp/wp-content/uploads/2022/02/180907Privato_LScout0017-360x240.jpg)"></p> </div> <div class="body"> <p class="category"><span class="label sapix _elementary">SAPIX生</span><span class="label elementary _">小学生</span></p> <h3 class="title">新学年に向けた学習相談、受付中！</h3> <p class="date"><time datetime="2024-12-02">2024.12.02</time></p> </div> <div class="foot"> <p class="date"><time datetime="2024-12-02">2024.12.02</time></p> </div> </a> </article> </div> <div class="top_button"><a href="/event/" class="top_button-01"><p class="wrap"><span>VIEW MORE</span><i class="fas fa-chevron-right"></i></p></a></div> </div> <div class="button"> <div class="swiper-button-prev event-button-prev"></div> <div class="swiper-button-next event-button-next"></div> </div> </div> </div> </section> <section id="top_case-01" class="top_case-01"> <div class="global_inner"> <div class="title"> <h2 class="top_title-01"><span class="title-main">CASE</span><span class="title-sub">ご利用シーン</span></h2> </div> <div class="list"> <ul class="module_flex-02"> <li> <a href="/scene/elementary-sapix/" > <div class="head"> <div class="image" style="background-image: url(/wp/wp-content/uploads/2023/11/pixta_81390429_M-1.jpg)"></div> </div> <div class="body"> <div class="wrap"> <div class="sub">SAPIX小学部に </div> <div class="title">通われている方 </div> <div class="text">&emsp;</div> </div> </div> <div class="foot"> <div class="icon"><i class="fas fa-chevron-right"></i></div> </div> </a> </li> <li> <a href="/scene/elementary/" > <div class="head"> <div class="image" style="background-image: url(/wp/wp-content/uploads/2023/11/pixta_94025353_M-1.jpg)"></div> </div> <div class="body"> <div class="wrap"> <div class="sub">SAPIX小学部に </div> <div class="title">通われていない方</div> <div class="text">&emsp;</div> </div> </div> <div class="foot"> <div class="icon"><i class="fas fa-chevron-right"></i></div> </div> </a> </li> </ul> </div> </div> </section> <section id="top_policy-01" class="top_policy-01"> <div class="global_inner"> <h2 class="top_title-01"><span class="title-main">MISSION</span><span class="title-sub">プリバートの使命</span></h2> </div> <ul class="module_content-02"> <li > <div class="head"> <p class="title">SAPIX生にとって<br /> 最適な個別指導塾であること、<br /> それがプリバートの責任です。<br /> </p> <div class="text"><p>プリバートはSAPIX YOZEMI GROUPの一員として、公式にSAPIXの教材を用いることのできる唯一の個別指導塾です。教材のみではなく、マンスリー確認テストやサピックスオープンの結果を元にお子様の学力を分析し、SAPIXの集団授業と連携して学力向上を目指します。</p> <p>これまで多くのSAPIX生が、細部まで考え抜かれたテキストとカリキュラム、さらに講師の熱意ある指導によって、「学ぶ喜び」を体感しながら新たなステージの切符を手に入れてきました。SAPIXの学習内容を定着させるためには、授業で学んだことを自分で考え直したり確かめたりする「家庭学習」が非常に大切です。家庭学習でつまづいたところをプリバートで解消することで、お子様は次のSAPIXの授業により積極的に取り組むことができます。プリバートはSAPIXの学習効果を最大限に高め、一人ひとりの志望校合格をサポートします。</p> </div> </div> <div class="body"> <div class="image" style="background-image: url(/wp/wp-content/uploads/2023/11/pixta_49466205_L-scaled.jpg)"></div> </div> </li> </ul> <ul class="module_content-02"> <li class="_left" > <div class="head"> <p class="title">小学1年生から小学6年生まで。<br /> 学習ステージに合わせた個別指導。</p> <div class="text"><p>これまでプリバートは、さまざまな生徒や保護者の皆様の声にお応えしてきました。そのひとつが、SAPIXにお通いでない方のための個別指導です。SAPIXの指導メソッドに基づき、「集団授業に通えない」「附属校に内部進学する」など、お子様ごとのニーズに合わせ、一人ひとりに丁寧に寄り添った個別指導を実施しています。子どもたちの将来の糧となる思考力や表現力を一緒に育んでいきましょう。</p> </div> </div> <div class="body"> <div class="image" style="background-image: url(/wp/wp-content/uploads/2024/12/pixta_93635008_XL_yellow.jpg)"></div> </div> </li> </ul> </section> <section id="top_news-02" class="top_news-02"> <div class="global_inner"> <div class="module_tab-02"> <div class="head"> <h2 class="top_title-01"><span class="title-main">INFORMATION</span><span class="title-sub">お知らせ</span></h2> <ul class="module_tab-head"> <li class="all _current"> <a href="#tab01-01"> <span>プリバートからのお知らせ</span> <i class="fas fa-chevron-down"></i> </a> </li> <li class="news"> <a href="#tab01-02"> <span>グループからのお知らせ</span> <i class="fas fa-chevron-down"></i> </a> </li> </ul> </div> <div class="body"> <div class="module_tab-body" id="tab01-01" style="display:block"> <div class="module_newsList-01"> <article class="_default"> <a href="https://www.privato-sapix.com/news/7310/" > <div class="head"> <p class="date"><time datetime="2025-01-27">2025.01.27</time></p> </div> <div class="body"> <h3 class="title">フリーダイヤル対応　終了のお知らせ</h3> </div> </a> </article> <article class="_default"> <a href="/wp/wp-content/uploads/2024/10/seijo_20241021.pdf" target="_blank" > <div class="head"> <p class="date"><time datetime="2024-10-23">2024.10.23</time></p> </div> <div class="body"> <h3 class="title">プリバート成城教室　移転のお知らせ</h3> </div> </a> </article> <article class="_default"> <a href="/wp/wp-content/uploads/2021/11/405f40af5f2d850b959e1a39411d0818.pdf" target="_blank" > <div class="head"> <p class="date"><time datetime="2021-11-19">2021.11.19</time></p> </div> <div class="body"> <h3 class="title">TLS1.0と1.1無効化のお知らせ</h3> </div> </a> </article> </div> <div class="top_button"><a href="/news/category/privato/" class="top_button-01"><p class="wrap"><span>VIEW MORE</span><i class="fas fa-chevron-right"></i></p></a></div> </div> <div class="module_tab-body" id="tab01-02" style="display:block"> <div class="module_newsList-01"> <article class="_target"> <a href="/wp/wp-content/uploads/2024/01/SAPIX-USA.pdf" target="_blank" > <div class="head"> <p class="date"><time datetime="2024-01-25">2024.01.25</time></p> </div> <div class="body"> <h3 class="title">西海岸の子ども達にSAPIXの授業を届けます『SAPIX USA サンノゼ校開校』</h3> </div> </a> </article> <article class="_target"> <a href="https://www.yozemi.ac.jp/sapixgroup/__icsFiles/afieldfile/2023/11/15/231115release_coremater_1.pdf" target="_blank" > <div class="head"> <p class="date"><time datetime="2023-11-17">2023.11.17</time></p> </div> <div class="body"> <h3 class="title">SAPIXメソッドコアマスターのラインナップ拡充　小学３年生対象の教材「算数」「国語」を刊行</h3> </div> </a> </article> <article class="_target"> <a href="https://www.y-sapix.com/wp-content/uploads/2023/10/news20231004.pdf" target="_blank" > <div class="head"> <p class="date"><time datetime="2023-10-04">2023.10.04</time></p> </div> <div class="body"> <h3 class="title">SAPIX YOZEMI GROUP共同代表髙宮敏郎の初著書が10/11発売『「考える力」を育てるためにSAPIXが大切にしていること』</h3> </div> </a> </article> <article class="_target"> <a href="https://www.privato-sapix.com/vertice/" target="_blank" > <div class="head"> <p class="date"><time datetime="2023-02-08">2023.02.08</time></p> </div> <div class="body"> <h3 class="title">SAPIXのパーソナルコーチ「VERTICE」開講</h3> </div> </a> </article> <article class="_default"> <a href="/wp/wp-content/uploads/2022/03/20220310_best-teacher_isms-3.pdf" target="_blank" > <div class="head"> <p class="date"><time datetime="2022-03-10">2022.03.10</time></p> </div> <div class="body"> <h3 class="title">【Best Teacher】ISMS認証（ISO27001）を取得しました</h3> </div> </a> </article> </div> <div class="top_button"><a href="/news/category/sapix/" class="top_button-01"><p class="wrap"><span>VIEW MORE</span><i class="fas fa-chevron-right"></i></p></a></div> </div> </div> </div> </div> </section> </main> </div> <footer id="global_footer" class="global_footer" itemscope itemtype="https://schema.org/WPFooter"> <section id="footer_contact-01" class="footer_contact-01"> <div class="global_inner"> <h2 class="top_title-01"><span class="title-main">CONTACT US</span><span class="title-sub">まずは学習相談から。<br>ご検討中の方もお気軽にどうぞ。</span></h2> <ul class="list"> <li> <a href="https://mypage.sapix.com/mypage/UM/UMAB/UMAB0157.do" target="_blank"><div class="wrap"><div class="title">資料請求</div></div> </a> </li> <li> <a href="/school/" target="_blank"><div class="wrap"><div class="title">教室のご案内</div></div> </a> </li> <li> <a href="https://my.privato-sapix.com/prismweb/Reservation/PrivacyPolicy" target="_blank"><div class="wrap"><div class="title">入室面談予約</div></div> </a> </li> </ul> </div> </section> <div id="footer_menu-01" class="footer_menu-01"> <div class="global_inner"> <div class="menu"> <ul class="module_menu-01 module_menu-pc"> <li class="_hasChild "> <button class="mm_button" type="button"><span>開閉</span></button> <a class="mm_title" href="/scene/" ><span>ご利用シーン</span></a> <div class="mm_wrapper-01"> <div class="mm_inner-01"> <ul> <li><a class="mm_title-01" href="/scene/elementary-sapix/" >SAPIX小学部に通われている方</a></li> <li><a class="mm_title-01" href="/scene/elementary/" >SAPIX小学部に通われていない方</a></li> <li><a class="mm_title-01" href="/scene/online/" >オンライン授業のご利用について</a></li> </ul> </div> </div> </li> <li class="_hasChild "> <button class="mm_button" type="button"><span>開閉</span></button> <a class="mm_title" href="/school/" ><span>教室のご案内</span></a> <div class="mm_wrapper-01"> <div class="mm_inner-01"> <ul> <li><a class="mm_title-01" href="/school#tokyo" >東京都の教室</a></li> <li><a class="mm_title-01" href="/school#kanagawa" >神奈川県の教室</a></li> <li><a class="mm_title-01" href="/school#saitama" >埼玉県の教室</a></li> <li><a class="mm_title-01" href="/school#chiba" >千葉県の教室</a></li> <li><a class="mm_title-01" href="/scene/online/" >オンライン</a></li> </ul> </div> </div> </li> <li class="_hasChild "> <button class="mm_button" type="button"><span>開閉</span></button> <a class="mm_title" href="/application/" ><span>ご入室について</span></a> <div class="mm_wrapper-01"> <div class="mm_inner-01"> <ul> <li><a class="mm_title-01" href="/application/join/" >ご入室について</a></li> <li><a class="mm_title-01" href="/application/timeslot/" >時間割・授業料</a></li> <li><a class="mm_title-01" href="/application/disaster-preparedness/" >災害時の対応</a></li> </ul> </div> </div> </li> <li > <a class="mm_title" href="/event/" ><span>イベント</span></a> </li> <li > <a class="mm_title" href="/news/" ><span>お知らせ</span></a> </li> <li > <a class="mm_title" href="/faq/" ><span>よくある質問</span></a> </li> <li > <a class="mm_title" href="https://mypage.sapix.com/mypage/UM/UMAB/UMAB0157.do" target="_blank"><span>資料請求</span></a> </li> </ul> <div class="subMenu"> <ul class="module_menu-02"> <li><a href="/greeting/" ><span>ご挨拶</span></a></li> <li><a href="/corporate/" ><span>会社概要</span></a></li> <li><a href="https://www.saiyou.sapix.com" target="_blank"><span>採用情報</span></a></li> <li><a href="/privacy/" ><span>プライバシー・ポリシー</span></a></li> <li><a href="/requirements/" ><span>推奨環境</span></a></li> </ul> </div> </div> </div> </div> <div id="footer_banner-01" class="footer_banner-01"> <div class="global_inner"> <div class="box"> <div class="title">グループサイト</div> <ul class="list"> <li > <a href="https://www.sapientica.com/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-01.png" alt="SAPIX小学部"></p> </a> </li> <li > <a href="https://www.sapix.co.jp/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-02.png" alt="SAPIX中学部"></p> </a> </li> <li > <a href="https://www.y-sapix.com/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2023/09/610407e2827cedbc6e9cea4c758422ed.jpg" alt=""></p> </a> </li> <li > <a href="https://www.privato-sapix.com/vertice/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2024/04/9cf880c578972be12d3c01fa227d0285.png" alt=""></p> </a> </li> <li > <a href="https://www.sapientica.com/sapix-english/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-05.png" alt="SAPIX English"></p> </a> </li> <li > <a href="https://ygc.y-sapix.com/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-06.png" alt="Y-SAPIXグローバルキャンパス"></p> </a> </li> <li > <a href="https://kokusai.sapix.co.jp/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-07.png" alt="SAPIX国際教育センター"></p> </a> </li> <li > <a href="https://www.best-teacher-inc.com/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-08.png" alt="ベストティーチャー"></p> </a> </li> <li > <a href="https://www.pigmakidsclub.com/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-09.png" alt="ピグマキッズくらぶ"></p> </a> </li> <li > <a href="https://pigmakids.com/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-10.png" alt="ピグマキッズ"></p> </a> </li> <li > <a href="https://sapixkids.sapix.com/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-11.png" alt="サピックスキッズ"></p> </a> </li> <li > <a href="https://www.asobi-ya.jp/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-12.png" alt="あそびや"></p> </a> </li> <li > <a href="https://www.yozemi.ac.jp/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-13.png" alt="代々木ゼミナール"></p> </a> </li> <li > <a href="http://www.yozemi-sateline.ac/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-14.png" alt="代ゼミサテライン予備校"></p> </a> </li> </ul> </div> <div class="box"> <div class="title">海外法人</div> <ul class="list"> <li > <a href="https://www.sapix.nyc/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-15.png" alt="SAPIX USA"></p> </a> </li> <li > <a href="https://triple-alpha.com/" target="_blank"> <p class="image"><img src="/wp/wp-content/uploads/2021/10/footer_banner-16.png" alt="Triple Alpha"></p> </a> </li> </ul> </div> </div> </div> <div class="gf_copyright"> <p id="gf_pageTop" class="gf_pageTop"><a href="#"><span><i class="fal fa-chevron-up"></i></span></a></p> <div class="global_inner"> <div class="wrap"> <div class="image"><a href="https://sapix-yozemi.com/" target="_blank"><img src="https://www.privato-sapix.com/wp/wp-content/themes/privato-sapix/images/common/syg.png" alt="SAPIX YOZEMI GROUP"></a></div> <div class="copyright"><span>© PRIVATO by SAPIX YOZEMI GROUP. </span>無断複写・転載を禁止します</div> </div> </div> </div> </footer> <div id="global_banner" class="global_banner"> <ul class="module_flex-01"> <li> <a href="/application/join/"> <div class="wrap"> <div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="17.73" height="25.805" viewBox="0 0 17.73 25.805"><path d="M175.08,163.41a1.572,1.572,0,0,0-1.781.5l-5.8,6.018a3.076,3.076,0,0,0-.249.3,3.073,3.073,0,0,0-.249-.3l-5.8-6.018a1.57,1.57,0,0,0-1.781-.5c-.388.156-1.039.624-1.039,2v13.5a5.745,5.745,0,0,0,1.3,3.59l5.8,6.018a1.723,1.723,0,0,0,1.253.6,1.405,1.405,0,0,1,1.027,0,1.724,1.724,0,0,0,1.253-.6l5.8-6.018a5.743,5.743,0,0,0,1.3-3.59v-13.5C176.119,164.034,175.468,163.566,175.08,163.41ZM174.012,178.9a3.763,3.763,0,0,1-.714,2.129l-4.992,5.18v-12.7a3.758,3.758,0,0,1,.713-2.128l4.992-5.181Z" transform="translate(-158.389 -163.308)" fill="#fff"/></svg></div> <div class="title">⼊室まで<br class="_over-TB">の流れ</div> </div> </a> </li> <li> <a href="/school/"> <div class="wrap"> <div class="icon"><i class="fal fa-home"></i></div> <div class="title">教室のご案内</div> </div> </a> </li> <li> <a href="https://my.privato-sapix.com/" target="_blank"> <div class="wrap"> <div class="icon"><i class="fal fa-user"></i></div> <div class="title">個別指導<br>マイページ</div> </div> </a> </li> </ul> </div></body> </html>

CINXE.COM

プリバート｜サピックス準拠の個別指導ならPRIVATO