/* SUGO-STAGE123-20261105-001: shared presentation, SWELL native header and blocks */ :root { --sugo-green:#29af3b; --sugo-ink:#173326; --sugo-pale:#f0f8f1; } @media (min-width:960px) { .l-header__inner { justify-content:flex-start; } .l-header.-parallel .l-header__logo { width:calc(100% - 48px); max-width:1200px; margin:0 auto; } .l-header .c-headLogo { margin-right:auto!important; margin-left:0!important; text-align:left; } .l-header .c-headLogo__link { justify-content:flex-start; } .c-gnav>li>a { font-size:18px; font-weight:600; padding-left:15px; padding-right:15px; } .c-gnav>li>a .ttl { font-size:18px!important; } .l-header .l-header__gnav { width:100%; } } @media (min-width:960px) and (max-width:1100px) { .c-gnav>li>a { font-size:17px; padding-left:10px; padding-right:10px; } .c-gnav>li>a .ttl { font-size:17px!important; } } .sugo-home-hero,.sugo-lp-hero { background:linear-gradient(120deg,#f0f8f1 0%,#fff 82%); border-radius:16px; padding:clamp(24px,4vw,52px); margin:0 0 3rem; } .sugo-hero-columns { align-items:center!important; gap:2.5rem!important; margin-bottom:0!important; } .sugo-home-hero h2,.sugo-lp-hero h2 { color:var(--sugo-ink); background:none!important; border:0!important; box-shadow:none!important; padding:0!important; margin:1.5rem 0!important; font-size:clamp(30px,3vw,44px); line-height:1.5; letter-spacing:.02em; } .sugo-home-hero p,.sugo-lp-hero p { margin-top:0; margin-bottom:1.25rem; } .sugo-service-grid .wp-block-button__link,.sugo-lp-hero .wp-block-button__link,.page-id-316 .post_content .wp-block-button__link { background:var(--sugo-green); color:#fff; } .page-id-5 .post_content>h2 { margin:3rem 0 1.5rem; } .sugo-home-hero h2::before,.sugo-home-hero h2::after,.sugo-lp-hero h2::before,.sugo-lp-hero h2::after { display:none!important; } .sugo-eyebrow { color:#187e2a; font-size:.85rem; font-weight:700; letter-spacing:.06em; margin-bottom:.5rem!important; } .sugo-caption { font-size:.85rem; color:#526358; text-align:center; } .sugo-book-image { margin:0 auto!important; max-width:360px; } .sugo-book-image img { width:100%; height:auto; object-fit:contain; } .sugo-service-grid { align-items:stretch!important; gap:24px!important; } .sugo-service-grid>.wp-block-column { display:flex; flex-direction:column; padding:24px; border:1px solid #dce9df; border-radius:12px; background:#fff; box-shadow:0 4px 18px #17452a08; } .sugo-service-grid .sugo-card-image { width:100%; height:180px; margin:0 0 20px!important; } .sugo-card-image img { width:100%!important; height:100%!important; object-fit:contain; } .sugo-service-grid h3 { margin-top:0!important; margin-bottom:1rem!important; font-size:1.18rem; } .sugo-service-grid .sugo-eyebrow { min-height:1.5em; } .sugo-service-grid p { font-size:.95rem; line-height:1.85; } .sugo-service-grid .wp-block-buttons { margin-top:auto!important; padding-top:14px; } .sugo-service-grid .wp-block-button { width:100%; } .sugo-service-grid .wp-block-button__link { display:block; padding:13px 10px; font-size:.9rem; } .sugo-soft-panel,.sugo-price-panel { padding:clamp(20px,3vw,32px); background:var(--sugo-pale); border-radius:12px; margin:2.5rem 0; } .sugo-soft-panel>:first-child,.sugo-price-panel>:first-child { margin-top:0!important; } .sugo-soft-panel>:last-child,.sugo-price-panel>:last-child { margin-bottom:0!important; } .sugo-related-grid { align-items:stretch!important; gap:28px!important; } .sugo-related-grid>.wp-block-column { padding:24px; border:1px solid #dce9df; border-radius:12px; } .sugo-related-grid .sugo-card-image { height:160px; } .sugo-related-grid h3 { margin-top:0!important; } .sugo-benefit-grid h3 { margin-top:0!important; font-size:1.12rem; } .sugo-benefit-grid { gap:28px!important; margin:0!important; } .sugo-inpage-nav { padding:16px 20px; border-top:1px solid #dce9df; border-bottom:1px solid #dce9df; font-size:.9rem; line-height:2.2; } .post_content .wp-block-details { border:1px solid #dce9df; border-radius:8px; padding:18px 22px; margin:1rem 0; } .post_content .wp-block-details summary { cursor:pointer; color:var(--sugo-ink); font-weight:600; } .post_content .wp-block-details[open] summary { margin-bottom:1.5rem; } .post_content [id] { scroll-margin-top:140px; } .page-id-316 .post_content h2 { margin-top:3.5rem; } .page-id-316 .wp-block-table th { background:#eef8ef; color:var(--sugo-ink); } .page-id-316 .wp-block-table table { min-width:0; } .page-id-316 .wp-block-table td,.page-id-316 .wp-block-table th { overflow-wrap:anywhere; } .page-id-316 .post_content p { line-height:1.95; } @media (max-width:781px) { .sugo-service-grid,.sugo-hero-columns,.sugo-related-grid,.sugo-benefit-grid { flex-direction:column; } .sugo-service-grid>.wp-block-column,.sugo-related-grid>.wp-block-column { width:100%; flex-basis:auto!important; } .sugo-service-grid .sugo-card-image { height:180px; } .sugo-hero-columns { gap:1.5rem!important; } .sugo-book-image { max-width:280px; } .sugo-home-hero,.sugo-lp-hero { padding:24px 18px; } .sugo-lp-hero .wp-block-buttons { gap:12px; } .sugo-lp-hero .wp-block-button { width:100%; } .sugo-lp-hero .wp-block-button__link { display:block; } .page-id-316 .wp-block-table { font-size:13px; } .page-id-316 .wp-block-table td,.page-id-316 .wp-block-table th { padding:10px 8px; } .post_content .wp-block-details { padding:16px; } .post_content [id] { scroll-margin-top:90px; } } /* SUGO-NAV-EXECUTE-20261105-001 */ @media(min-width:960px){ .c-gnav{flex-wrap:wrap;justify-content:center} .l-header .c-gnav>li,.l-header .c-gnav>li>a{height:48px;min-height:48px} .l-header__gnav{height:auto!important} .l-fixHeader .c-gnav>li,.l-fixHeader .c-gnav>li>a{height:36px;min-height:36px} .l-fixHeader .c-gnav>li>a{padding:0 7px} .l-fixHeader .c-gnav>li>a .ttl{font-size:15px!important} } .sugo-lp-hero h2{font-size:clamp(28px,2.5vw,36px)!important;line-height:1.5} .sugo-lp-hero h2 strong{color:#178526} .sugo-voices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px!important;align-items:start!important} .sugo-voices>.wp-block-column{display:contents} .sugo-voices>.wp-block-column:nth-child(1)>*{grid-column:1} .sugo-voices>.wp-block-column:nth-child(2)>*{grid-column:2} .sugo-voices>.wp-block-column:nth-child(3)>*{grid-column:3} .sugo-voices>.wp-block-column>figure{grid-row:1;height:120px;margin:0!important;align-self:center} .sugo-voices>.wp-block-column>figure img{height:110px!important;width:110px!important;object-fit:contain} .sugo-voices>.wp-block-column>h3{grid-row:2;margin:0!important;line-height:1.6} .sugo-voices>.wp-block-column>h4{grid-row:3;margin:0!important;line-height:1.6} .sugo-voices>.wp-block-column>p{grid-row:4;margin:0!important;line-height:1.9} @media(max-width:781px){ .sugo-voices{display:block!important} .sugo-voices>.wp-block-column{display:block;margin-bottom:2.5rem!important} .sugo-voices>.wp-block-column>h3{margin:1rem 0!important} .sugo-voices>.wp-block-column>h4{margin:0 0 1rem!important} } /* SUGO-LEGACY-LP-XSERVER-20261105-001 */ .sugo-legacy-excel,.sugo-legacy-excel div,.sugo-legacy-excel ul,.sugo-legacy-excel li,.sugo-legacy-excel h1,.sugo-legacy-excel h2,.sugo-legacy-excel p,.sugo-legacy-excel th,.sugo-legacy-excel td{margin: 0px; padding: 0px;} .sugo-legacy-excel table{border-collapse: collapse; border-spacing: 0px;} .sugo-legacy-excel img{border: 0px;} .sugo-legacy-excel th{font-style: normal; font-weight: normal;} .sugo-legacy-excel ul{list-style: none;} .sugo-legacy-excel th{text-align: left;} .sugo-legacy-excel h1,.sugo-legacy-excel h2{font-size: 100%; font-weight: normal;} .sugo-legacy-excel img{vertical-align: bottom;} @media screen and (max-width: 737px) {.sugo-legacy-excel img{max-width: 100%; height: auto;}} .sugo-legacy-excel section{display: block;} .sugo-legacy-excel{color: rgb(34, 34, 34); line-height: 1.8; font-size: 16px; font-weight: 400; font-family: メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Osaka;} @media screen and (max-width: 737px) {.sugo-legacy-excel{font-size: 14px; line-height: 1.8; overflow-wrap: break-word;}} @media screen and (max-width: 737px) { } .sugo-legacy-excel div::after,.sugo-legacy-excel ul::after,.sugo-legacy-excel section::after{content: ""; display: block; clear: both;} .sugo-legacy-excel a{outline: none; transition: 0.2s;} .sugo-legacy-excel a:link{color: rgb(0, 77, 158); text-decoration: underline;} .sugo-legacy-excel a:visited{color: rgb(0, 77, 158); text-decoration: none;} .sugo-legacy-excel a:hover{color: rgb(0, 77, 158); text-decoration: none;} .sugo-legacy-excel a:active{color: rgb(0, 77, 158); text-decoration: underline;} @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 1100px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 1100px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 1100px) { } @media screen and (max-width: 737px) { } .sugo-legacy-excel #main{width: 100%; order: 1;} .sugo-legacy-excel #main > section{margin: 0px 0px 80px;} @media screen and (max-width: 737px) {.sugo-legacy-excel #main{width: 100%; float: none;} .sugo-legacy-excel #main > section{margin: 0px 0px 40px;} } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } .sugo-legacy-excel .seminar #main > section{margin: 0px 0px 80px;} .sugo-legacy-excel .seminar #main section p{margin: 0px 0px 35px;} @media screen and (max-width: 737px) { .sugo-legacy-excel .seminar #main > section{margin: 0px 0px 40px;} .sugo-legacy-excel .seminar #main section p{margin: 0px 0px 20px;}} @media screen and (max-width: 737px) { } @media screen and (max-width: 1150px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } .sugo-legacy-excel .seminar .voice ul{display: flex; flex-wrap: wrap; margin: 0px 0px 20px;} .sugo-legacy-excel .seminar .voice ul li{flex: 0 0 480px; max-width: 480px; margin: 0px 40px 30px 0px; padding: 20px; box-sizing: border-box; box-shadow: rgb(204, 204, 204) 1px 1px 5px, rgb(204, 204, 204) -1px -1px 2px; overflow: hidden;} .sugo-legacy-excel .seminar .voice ul li:nth-child(2n){margin: 0px 0px 30px;} @media screen and (max-width: 737px) {.sugo-legacy-excel .seminar .voice ul li{flex: 0 0 100%; max-width: 100%; margin: 0px 0px 15px; padding: 15px;} .sugo-legacy-excel .seminar .voice ul li:nth-child(2n){margin: 0px 0px 15px;} } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { .sugo-legacy-excel #main section p{margin: 0px 0px 15px;}} @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media only screen and (max-width: 680px) { } @media only screen and (max-width: 500px) { } @media only screen and (max-width: 400px) { } @media only screen and (max-width: 240px) { } @media (max-width: 768px) { } .sugo-legacy-excel section.fdb_block p,.sugo-legacy-excel section.fdb_block li{padding: 0px;} @media (max-width: 768px) { } @media (max-width: 768px) { } .sugo-legacy-excel,.sugo-legacy-excel section,.sugo-legacy-excel div,.sugo-legacy-excel p,.sugo-legacy-excel li,.sugo-legacy-excel a,.sugo-legacy-excel h1,.sugo-legacy-excel h2{font-family: メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Osaka;} .sugo-legacy-excel #main table{margin: 0px;} .sugo-legacy-excel #main table tr th,.sugo-legacy-excel #main table tr td{width: auto;} .sugo-legacy-excel section.fdb_block{margin: 0px !important;} .sugo-legacy-excel section.fdb_block img{max-width: 100%;} .sugo-legacy-excel section.fdb_block > div{padding: 40px;} .sugo-legacy-excel section.fdb_block h1,.sugo-legacy-excel section.fdb_block h2{font-family: "Noto Serif JP", serif; margin-bottom: 20px;} .sugo-legacy-excel section.fdb_block div,.sugo-legacy-excel section.fdb_block p,.sugo-legacy-excel section.fdb_block li{font-family: "Noto Sans JP", sans-serif; font-weight: 400;} .sugo-legacy-excel section.fdb_block h1{font-size: 24px;} .sugo-legacy-excel section.fdb_block h2{font-size: 22px;} .sugo-legacy-excel section.fdb_block div.column1{padding: 0px;} .sugo-legacy-excel section.fdb_block div.column1_limited,.sugo-legacy-excel section.fdb_block div.column1_center,.sugo-legacy-excel section.fdb_block div.column2_img_text{margin: 0px auto; width: auto; max-width: 1320px; position: relative;} .sugo-legacy-excel section.fdb_block .fdt_ul_text,.sugo-legacy-excel section.fdb_block .fdt_ul_img{width: calc(100% - 20px); max-width: 1320px; margin: 0px auto;} .sugo-legacy-excel section.fdb_block div.tex{width: calc(100% - 20px); margin-left: auto; margin-right: auto;} .sugo-legacy-excel section.fdb_block div.tex p{font-size: 20px; margin-bottom: 20px;} .sugo-legacy-excel section.fdb_block .fdt_ul_text{display: block; margin: 20px auto;} .sugo-legacy-excel section.fdb_block .fdt_ul_text > li{margin-left: 17px;} .sugo-legacy-excel section.fdb_block .fdt_ul_text > li::before{content: "・"; margin-left: -21px; margin-right: 4px;} .sugo-legacy-excel section.fdb_block .fdt_ul_img{display: block; max-width: 1000px;} .sugo-legacy-excel section.fdb_block .fdt_ul_img li{text-align: center;} .sugo-legacy-excel section.fdb_block div.column1_center{text-align: center;} .sugo-legacy-excel section.fdb_block div.column2_img_text{display: flex; flex-wrap: wrap; gap: 20px;} .sugo-legacy-excel section.fdb_block .column_1st,.sugo-legacy-excel section.fdb_block .column_2nd{width: calc(50% - 10px); margin: 0px auto;} .sugo-legacy-excel .fdt_wrap_youtube{position: relative; width: 100%; padding-top: 56.25%;} .sugo-legacy-excel .fdt_wrap_youtube iframe{position: absolute; top: 0px; right: 0px; width: 100%; height: 100%;} .sugo-legacy-excel .wrap_btn a{display: inline-block; background-color: rgb(255, 102, 0); border-radius: 5px; padding: 15px 30px; min-width: 260px; text-decoration: none; color: rgb(255, 255, 255);} @media (max-width: 768px) {.sugo-legacy-excel .wrap_btn a{min-width: auto;}} .sugo-legacy-excel .fdt_list_onlytex div{margin-top: -1.8em;} @media (max-width: 768px) { .sugo-legacy-excel section.fdb_block h1{font-size: 22px;} .sugo-legacy-excel section.fdb_block h2{font-size: 20px;} .sugo-legacy-excel section.fdb_block{overflow: hidden;} .sugo-legacy-excel section.fdb_block div.tex{width: 100%;} .sugo-legacy-excel section.fdb_block div.column1_limited,.sugo-legacy-excel section.fdb_block div.column2_img_text{display: block; width: calc(100% - 20px); padding: 40px 0px;} .sugo-legacy-excel section.fdb_block .column_1st,.sugo-legacy-excel section.fdb_block .column_2nd{width: auto;} } @media (max-width: 768px) { } .sugo-legacy-excel{--app-color-admin: #000000; --app-color-public: #004d9e;} .sugo-legacy-excel .text-center{font-size: 16px; text-align: center !important;} .sugo-legacy-excel .wrap_text{font-size: 16px;} .sugo-legacy-excel .tbl-list{background-color: rgb(255, 255, 255);} .sugo-legacy-excel .tbl-list > thead > tr > th,.sugo-legacy-excel .tbl-list > tbody > tr > td{padding: 2px 8px;} .sugo-legacy-excel .tbl-list > thead > tr > th{text-align: center; background-color: rgb(214, 224, 234); font-weight: normal;} .sugo-legacy-excel .tbl-forlp > thead > tr > th{font-weight: bold; background-color: rgb(0, 77, 158) !important; color: rgb(255, 255, 255) !important;} .sugo-legacy-excel .tbl-forlp > tbody > tr > td{font-weight: bold;} .sugo-legacy-excel .table-bordered{border: 1px solid rgb(108, 117, 125);} .sugo-legacy-excel .table{--bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-body-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-body-color); --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: var(--bs-body-color); --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: var(--bs-body-color); --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 10px; vertical-align: top; border-color: var(--bs-table-border-color); overflow-wrap: break-word;} .sugo-legacy-excel .table > :not(caption) > * > *{padding: 5px; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));} .sugo-legacy-excel .table > tbody{vertical-align: inherit;} .sugo-legacy-excel .table > thead{vertical-align: bottom;} .sugo-legacy-excel .table-bordered > :not(caption) > *{border-width: var(--bs-border-width) 0;} .sugo-legacy-excel .table-bordered > :not(caption) > * > *{border-width: 0 var(--bs-border-width);} .sugo-legacy-excel .table-striped > tbody > tr:nth-of-type(2n+1) > *{--bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg);} .sugo-legacy-excel .table-bordered{border: 1px solid rgb(222, 226, 230);} .sugo-legacy-excel .table-bordered th,.sugo-legacy-excel .table-bordered td{border: 1px solid rgb(222, 226, 230);} @media only screen and (max-width: 1140px) { } @media screen and (max-height: 1000px) { } @media screen and (max-height: 900px) { } @keyframes instaReveal { } @-webkit-keyframes instaReveal { } @-webkit-keyframes modaal-loading-spinner { } @keyframes modaal-loading-spinner { } @media only screen and (max-width: 1140px) { } .sugo-legacy-excel section.fdb_block .fdt_ul_img{max-width: none;} .sugo-legacy-excel section.fdb_block div.column1_limited,.sugo-legacy-excel section.fdb_block div.column1_center,.sugo-legacy-excel section.fdb_block div.column2_img_text{max-width: 1000px;} .sugo-legacy-excel section.fdb_block .main_vis .fdt_ul_img li img{max-width: none;} .sugo-legacy-excel section.fdb_block .main_vis .fdt_ul_img li img{width: 100vw;} .sugo-legacy-excel section.fdb_block.wrap_title{min-height: auto; background: rgb(0, 77, 158);} .sugo-legacy-excel section.fdb_block.wrap_title .fdt_innner h1{font-family: メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Osaka; font-size: 30px; font-weight: bold; color: rgb(255, 255, 255); margin: 0px; padding: 0px;} .sugo-legacy-excel section.fdb_block.wrap_title .fdt_innner h2{font-family: メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Osaka; font-size: 30px; font-weight: bold; color: rgb(255, 255, 255); margin: 0px; padding: 0px;} .sugo-legacy-excel section.fdb_block .fdt_innner h1,.sugo-legacy-excel section.fdb_block .fdt_innner h2{font-family: メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Osaka; font-size: 20px; font-weight: bold; color: rgb(0, 77, 158); border-bottom: 1px solid rgb(0, 77, 158); margin: 0px 0px 20px; padding: 0px 0px 5px;} .sugo-legacy-excel section.fdb_block .fdt_innner p{font-weight: bold;} .sugo-legacy-excel section.fdb_block.wrap_btn div.tex p{font-size: 20px; font-weight: bold; margin-bottom: 10px; text-align: center;} .sugo-legacy-excel section.fdb_block .underline_yellow p span{background: linear-gradient(transparent 40%, rgb(255, 252, 0) 40%);} .sugo-legacy-excel section.fdb_block .underline_yellow p strong{color: red;} .sugo-legacy-excel section.fdb_block.media_info{margin-bottom: 80px !important;} .sugo-legacy-excel section.fdb_block > div.title_marin0{margin: 0px auto; padding: 0px;} .sugo-legacy-excel section.fdb_block .voice .fdt_ul_text{display: flex; gap: 20px;} .sugo-legacy-excel section.fdb_block .voice .fdt_ul_text li::before{content: none;} .sugo-legacy-excel section.fdb_block .voice .fdt_ul_text li{margin: 0px; padding: 20px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box;} .sugo-legacy-excel section.fdb_block .voice .fdt_ul_text li .wrap_text p{margin: 0px;} .sugo-legacy-excel section.fdb_block .wrap_movie{padding: 0px;} .sugo-legacy-excel section.fdb_block .column1_center .fdt_ul_img{max-width: 600px;} .sugo-legacy-excel section.fdb_block .wrap_sub_paragraph{padding: 0px; margin-bottom: 40px !important;} .sugo-legacy-excel section.fdb_block .wrap_yoshida{border: 1px solid rgb(214, 214, 214); padding: 30px 0px; margin: 30px auto !important;} .sugo-legacy-excel section.fdb_block.btn_mainform{position: fixed; top: 0px; right: 0px; margin: 0px; padding: 0px; z-index: 10000;} .sugo-legacy-excel section.fdb_block.btn_mainform .fdt_innner{margin: 0px; padding: 0px;} .sugo-legacy-excel section.fdb_block.btn_mainform .fdt_ul_text{width: auto; display: inline-block; margin: 0px; padding: 0px;} .sugo-legacy-excel section.fdb_block.btn_mainform .fdt_ul_text li{margin: 0px; background: rgb(255, 255, 255); z-index: 10000; position: relative; color: rgb(255, 255, 255);} .sugo-legacy-excel section.fdb_block.btn_mainform .fdt_ul_text li a{text-decoration: none; color: rgb(255, 255, 255); background: rgb(255, 102, 0); display: block; padding: 10px 20px;} .sugo-legacy-excel section.fdb_block.btn_mainform .fdt_ul_text li a:hover{background: rgb(245, 156, 96);} .sugo-legacy-excel section.fdb_block.btn_mainform .fdt_ul_text li::before{content: none; margin: 0px; padding: 0px;} @media (max-width: 768px) {.sugo-legacy-excel section.fdb_block.btn_mainform{width: 100%;} .sugo-legacy-excel section.fdb_block.btn_mainform .fdt_ul_text{display: block;} .sugo-legacy-excel section.fdb_block.btn_mainform .fdt_ul_text li a{text-align: center;}} .sugo-legacy-excel .tbl-forlp{width: 100%; table-layout: fixed;} .sugo-legacy-excel .tbl-forlp th:nth-child(1),.sugo-legacy-excel .tbl-forlp td:nth-child(1){width: 50%;} .sugo-legacy-excel .tbl-forlp th:nth-child(2),.sugo-legacy-excel .tbl-forlp td:nth-child(2){width: 35%;} .sugo-legacy-excel .tbl-forlp th:nth-child(3),.sugo-legacy-excel .tbl-forlp td:nth-child(3){width: 15%;} .sugo-legacy-vba,.sugo-legacy-vba div,.sugo-legacy-vba ul,.sugo-legacy-vba li,.sugo-legacy-vba h1,.sugo-legacy-vba p{margin: 0px; padding: 0px;} .sugo-legacy-vba img{border: 0px;} .sugo-legacy-vba ul{list-style: none;} .sugo-legacy-vba h1{font-size: 100%; font-weight: normal;} .sugo-legacy-vba img{vertical-align: bottom;} @media screen and (max-width: 737px) {.sugo-legacy-vba img{max-width: 100%; height: auto;}} .sugo-legacy-vba section{display: block;} .sugo-legacy-vba{color: rgb(34, 34, 34); line-height: 1.8; font-size: 16px; font-weight: 400; font-family: メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Osaka;} @media screen and (max-width: 737px) {.sugo-legacy-vba{font-size: 14px; line-height: 1.8; overflow-wrap: break-word;}} .sugo-legacy-vba .pc{display: block;} .sugo-legacy-vba .sp{display: none;} @media screen and (max-width: 737px) {.sugo-legacy-vba .pc{display: none;} .sugo-legacy-vba .sp{display: block;}} .sugo-legacy-vba div::after,.sugo-legacy-vba ul::after,.sugo-legacy-vba section::after{content: ""; display: block; clear: both;} .sugo-legacy-vba a{outline: none; transition: 0.2s;} .sugo-legacy-vba a:link{color: rgb(0, 77, 158); text-decoration: underline;} .sugo-legacy-vba a:visited{color: rgb(0, 77, 158); text-decoration: none;} .sugo-legacy-vba a:hover{color: rgb(0, 77, 158); text-decoration: none;} .sugo-legacy-vba a:active{color: rgb(0, 77, 158); text-decoration: underline;} @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } .sugo-legacy-vba .inner{width: 100%; margin: 0px auto; padding: 0px 0px 0px 20px; box-sizing: border-box;} @media screen and (min-width: 1220px) {.sugo-legacy-vba .inner{width: 1020px; margin: 0px auto;}} @media screen and (max-width: 737px) {.sugo-legacy-vba .inner{width: 100%; padding: 0px 3%; box-sizing: border-box;}} @media screen and (max-width: 737px) { } @media screen and (max-width: 1100px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 1100px) { } .sugo-legacy-vba #visual{background: url("https://sugoikaizen.com/wp-content/uploads/2026/11/legacy-corporate-visual.jpg") center center / cover no-repeat; display: flex; align-items: center; height: 260px;} .sugo-legacy-vba #visual h1{width: 100%; text-align: center; font-size: 34px; font-weight: bold; color: rgb(255, 255, 255);} .sugo-legacy-vba #visual h1.pc{display: block;} @media screen and (max-width: 737px) {.sugo-legacy-vba #visual{height: 130px;} .sugo-legacy-vba #visual h1{font-size: 18px; padding: 0px 10px;}} @media screen and (max-width: 737px) { } @media screen and (max-width: 1100px) { } @media screen and (max-width: 737px) { } .sugo-legacy-vba #main{width: 100%; order: 1;} .sugo-legacy-vba #main > section{margin: 0px 0px 80px;} @media screen and (max-width: 737px) {.sugo-legacy-vba #main{width: 100%; float: none;} .sugo-legacy-vba #main > section{margin: 0px 0px 40px;} .sugo-legacy-vba #main > #visual{margin: 0px 0px 15px;}} @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } .sugo-legacy-vba .seminar #visual{background: url("https://sugoikaizen.com/wp-content/uploads/2026/11/legacy-seminar-index-visual.jpg") center top / cover no-repeat; margin: 0px 0px 50px;} .sugo-legacy-vba .seminar #main > section{margin: 0px 0px 80px;} .sugo-legacy-vba .seminar #main section p{margin: 0px 0px 35px;} @media screen and (max-width: 737px) { .sugo-legacy-vba .seminar #main > section{margin: 0px 0px 40px;} .sugo-legacy-vba .seminar #main section p{margin: 0px 0px 20px;}} @media screen and (max-width: 737px) { } .sugo-legacy-vba .breadcrumbs-setting{display: none;} @media screen and (max-width: 1150px) { } @media screen and (max-width: 737px) { } .sugo-legacy-vba #visual h1 span{display: block; font-size: 24px;} @media screen and (max-width: 1150px) {.sugo-legacy-vba #visual h1 br.sp{display: block;}} @media screen and (max-width: 737px) { .sugo-legacy-vba #visual h1 span{font-size: 14px;}} .sugo-legacy-vba .seminar .voice ul{display: flex; flex-wrap: wrap; margin: 0px 0px 20px;} .sugo-legacy-vba .seminar .voice ul li{flex: 0 0 480px; max-width: 480px; margin: 0px 40px 30px 0px; padding: 20px; box-sizing: border-box; box-shadow: rgb(204, 204, 204) 1px 1px 5px, rgb(204, 204, 204) -1px -1px 2px; overflow: hidden;} .sugo-legacy-vba .seminar .voice ul li:nth-child(2n){margin: 0px 0px 30px;} @media screen and (max-width: 737px) {.sugo-legacy-vba .seminar .voice ul li{flex: 0 0 100%; max-width: 100%; margin: 0px 0px 15px; padding: 15px;} .sugo-legacy-vba .seminar .voice ul li:nth-child(2n){margin: 0px 0px 15px;} } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } .sugo-legacy-vba #visual{background: url("https://sugoikaizen.com/wp-content/uploads/2026/11/legacy-seminar-vba-basicseminar-visual.jpg") center top / cover no-repeat; margin: 0px 0px 50px;} @media screen and (max-width: 737px) {.sugo-legacy-vba #visual{margin: 0px 0px 15px;}} @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media screen and (max-width: 737px) { } @media only screen and (max-width: 680px) { } @media only screen and (max-width: 500px) { } @media only screen and (max-width: 400px) { } @media only screen and (max-width: 240px) { } @media (max-width: 768px) { } .sugo-legacy-vba section.fdb_block p,.sugo-legacy-vba section.fdb_block li{padding: 0px;} @media (max-width: 768px) { } @media (max-width: 768px) { } .sugo-legacy-vba,.sugo-legacy-vba section,.sugo-legacy-vba div,.sugo-legacy-vba p,.sugo-legacy-vba li,.sugo-legacy-vba a,.sugo-legacy-vba h1{font-family: メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Osaka;} .sugo-legacy-vba #main > br{display: none;} .sugo-legacy-vba section.fdb_block{margin: 0px !important;} .sugo-legacy-vba section.fdb_block img{max-width: 100%;} .sugo-legacy-vba section.fdb_block > div{padding: 40px;} .sugo-legacy-vba section.fdb_block h1{font-family: "Noto Serif JP", serif; margin-bottom: 20px;} .sugo-legacy-vba section.fdb_block div,.sugo-legacy-vba section.fdb_block p,.sugo-legacy-vba section.fdb_block li{font-family: "Noto Sans JP", sans-serif; font-weight: 400;} .sugo-legacy-vba section.fdb_block h1{font-size: 24px;} .sugo-legacy-vba section.fdb_block div.column1_limited,.sugo-legacy-vba section.fdb_block div.column1_center,.sugo-legacy-vba section.fdb_block div.column2_text_img,.sugo-legacy-vba section.fdb_block div.column2_img_text{margin: 0px auto; width: auto; max-width: 1320px; position: relative;} .sugo-legacy-vba section.fdb_block .fdt_ul_text,.sugo-legacy-vba section.fdb_block .fdt_ul_img{width: calc(100% - 20px); max-width: 1320px; margin: 0px auto;} .sugo-legacy-vba section.fdb_block div.tex{width: calc(100% - 20px); margin-left: auto; margin-right: auto;} .sugo-legacy-vba section.fdb_block div.tex p{font-size: 20px; margin-bottom: 20px;} .sugo-legacy-vba section.fdb_block .fdt_ul_text{display: block; margin: 20px auto;} .sugo-legacy-vba section.fdb_block .fdt_ul_text > li{margin-left: 17px;} .sugo-legacy-vba section.fdb_block .fdt_ul_text > li::before{content: "・"; margin-left: -21px; margin-right: 4px;} .sugo-legacy-vba section.fdb_block .fdt_ul_img{display: block; max-width: 1000px;} .sugo-legacy-vba section.fdb_block .fdt_ul_img li{text-align: center;} .sugo-legacy-vba section.fdb_block div.column1_center{text-align: center;} .sugo-legacy-vba section.fdb_block div.column2_text_img,.sugo-legacy-vba section.fdb_block div.column2_img_text{display: flex; flex-wrap: wrap; gap: 20px;} .sugo-legacy-vba section.fdb_block .column_1st,.sugo-legacy-vba section.fdb_block .column_2nd{width: calc(50% - 10px); margin: 0px auto;} .sugo-legacy-vba section.fdb_block div.column2_text_img{flex-direction: row-reverse;} .sugo-legacy-vba .wrap_btn a{display: inline-block; background-color: rgb(255, 102, 0); border-radius: 5px; padding: 15px 30px; min-width: 260px; text-decoration: none; color: rgb(255, 255, 255);} @media (max-width: 768px) {.sugo-legacy-vba .wrap_btn a{min-width: auto;}} .sugo-legacy-vba .fdt_macro_code div.tex{padding: 20px; border: 1px solid rgb(204, 204, 204);} .sugo-legacy-vba .fdt_macro_code div.tex p{white-space: pre; line-height: 1em; font-weight: normal !important; margin-top: 4em !important;} .sugo-legacy-vba .fdt_macro_code div.tex p:nth-child(1){margin-top: 0px !important;} @media (max-width: 768px) { .sugo-legacy-vba section.fdb_block h1{font-size: 22px;} .sugo-legacy-vba section.fdb_block{overflow: hidden;} .sugo-legacy-vba section.fdb_block div.tex{width: 100%;} .sugo-legacy-vba section.fdb_block div.column1_limited,.sugo-legacy-vba section.fdb_block div.column2_text_img,.sugo-legacy-vba section.fdb_block div.column2_img_text{display: block; width: calc(100% - 20px); padding: 40px 0px;} .sugo-legacy-vba section.fdb_block .column_1st,.sugo-legacy-vba section.fdb_block .column_2nd{width: auto;} } @media (max-width: 768px) { } @media only screen and (max-width: 1140px) { } @media screen and (max-height: 1000px) { } @media screen and (max-height: 900px) { } @keyframes instaReveal { } @-webkit-keyframes instaReveal { } @-webkit-keyframes modaal-loading-spinner { } @keyframes modaal-loading-spinner { } @media only screen and (max-width: 1140px) { } .sugo-legacy-vba section.fdb_block .fdt_ul_img{max-width: none;} .sugo-legacy-vba section.fdb_block div.column1_limited,.sugo-legacy-vba section.fdb_block div.column1_center,.sugo-legacy-vba section.fdb_block div.column2_text_img,.sugo-legacy-vba section.fdb_block div.column2_img_text{max-width: 1000px;} .sugo-legacy-vba #main > section#visual{margin-top: 89px; background: url("https://sugoikaizen.com/wp-content/uploads/2026/11/legacy-seminar-vba-basicseminar-visual.jpg") 0% 0% / cover;} .sugo-legacy-vba section.fdb_block.wrap_title{min-height: auto; background: rgb(0, 77, 158);} .sugo-legacy-vba section.fdb_block.wrap_title .fdt_innner h1{font-family: メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Osaka; font-size: 30px; font-weight: bold; color: rgb(255, 255, 255); margin: 0px; padding: 0px;} .sugo-legacy-vba section.fdb_block .fdt_innner h1{font-family: メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Osaka; font-size: 20px; font-weight: bold; color: rgb(0, 77, 158); border-bottom: 1px solid rgb(0, 77, 158); margin: 0px 0px 20px; padding: 0px 0px 5px;} .sugo-legacy-vba section.fdb_block .fdt_innner p{font-weight: normal;} .sugo-legacy-vba section.fdb_block .underline_yellow p span{background: linear-gradient(transparent 40%, rgb(255, 252, 0) 40%);} .sugo-legacy-vba section.fdb_block .voice .fdt_ul_text li::before{content: none;} .sugo-legacy-vba section.fdb_block .voice .fdt_ul_text li{margin: 30px 0px; padding: 20px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box;} .sugo-legacy-vba section.fdb_block .voice .fdt_ul_text li .wrap_text p{margin: 0px;} .sugo-legacy-vba section.fdb_block .wrap_sub_paragraph{padding: 0px; margin-bottom: 40px !important;} .sugo-legacy-vba section.fdb_block .wrap_sub_paragraph h1{background: rgb(236, 236, 236); font-weight: bold; margin: 0px 0px 30px; padding: 7px 20px; color: rgb(0, 77, 158); border-width: medium; border-style: none; border-color: currentcolor; border-image: none;} /* Legacy LP only: contain the migrated presentation within the current SWELL site. */ .page-id-315 #content,.page-id-316 #content{max-width:none;width:100%;padding:0;margin-top:0} .page-id-315 .l-mainContent,.page-id-316 .l-mainContent{width:100%;max-width:none;margin:0;padding:0} .page-id-315 .l-mainContent__inner,.page-id-316 .l-mainContent__inner{margin:0;padding:0} .page-id-315 .l-mainContent__inner>header,.page-id-316 .l-mainContent__inner>header{display:none} .page-id-315 .post_content,.page-id-316 .post_content{margin:0;padding:0} .post_content .sugo-legacy-lp{font-size:16px;line-height:1.8;color:#222;background:#fff;width:100%;overflow-wrap:break-word} .post_content .sugo-legacy-lp :where(h1,h2,h3,h4,h5,h6){background:none;border:0;box-shadow:none;border-radius:0;letter-spacing:normal} .post_content .sugo-legacy-lp :where(h1,h2,h3,h4,h5,h6)::before,.post_content .sugo-legacy-lp :where(h1,h2,h3,h4,h5,h6)::after{display:none} .post_content .sugo-legacy-lp :where(ul,ol){list-style:none;padding:0} .post_content .sugo-legacy-lp :where(li)::before{display:none} .post_content .sugo-legacy-lp :where(p){line-height:inherit} .post_content .sugo-legacy-lp :where(a){text-decoration:underline;color:#004d9e} .post_content .sugo-legacy-lp img{height:auto;vertical-align:bottom} .post_content .sugo-legacy-lp .main_vis .fdt_ul_img,.post_content .sugo-legacy-lp .main_vis .fdt_ul_img li img{width:100%;max-width:none} .post_content .sugo-legacy-lp .btn_mainform{position:static;z-index:auto;text-align:center} .post_content .sugo-legacy-lp .btn_mainform .fdt_ul_text{display:block;width:100%} .post_content .sugo-legacy-lp #visual{margin-top:0!important} .post_content .sugo-legacy-lp iframe[src*="youtube.com"]{aspect-ratio:16/9;height:auto} .post_content .sugo-legacy-lp #schedule_if{height:190px;min-height:190px;display:block} .post_content .sugo-legacy-lp .fdt_ul_text>li::before{display:inline} .post_content .sugo-legacy-lp .voice .fdt_ul_text>li::before,.post_content .sugo-legacy-lp .btn_mainform li::before{display:none} .sugo-legacy-lp .sugo-course-links{max-width:1000px;margin:0 auto;padding:14px 20px;text-align:right;font-size:16px} @media(max-width:768px){ .post_content .sugo-legacy-lp .voice .fdt_ul_text{display:block} .post_content .sugo-legacy-lp .voice .fdt_ul_text>li{width:100%;margin:0 0 16px} .post_content .sugo-legacy-lp .tbl-forlp{font-size:13px} .post_content .sugo-legacy-lp #schedule_if{height:260px} .post_content .sugo-legacy-lp .column1_limited,.post_content .sugo-legacy-lp .column1_center,.post_content .sugo-legacy-lp .column2_img_text,.post_content .sugo-legacy-lp .column2_text_img{padding:24px 16px} } .post_content .sugo-legacy-lp #cont,.post_content .sugo-legacy-lp #main{width:100%;max-width:none;margin:0;padding:0;float:none} .post_content .sugo-legacy-lp .main_vis .fdt_ul_img li img{width:100%!important} .post_content .sugo-legacy-lp .main_vis .fdt_ul_img{width:100%!important} .post_content .sugo-legacy-lp .btn_mainform{position:static!important} .page-id-315 .l-mainContent__inner>.c-pageTitle,.page-id-316 .l-mainContent__inner>.c-pageTitle{display:none} .sugo-legacy-lp .legacy-schedule-title{font-size:24px;font-weight:bold;color:#004d9e;margin:20px 0 12px} .sugo-legacy-lp .legacy-schedule-note{font-size:14px!important;font-weight:normal!important;margin:12px 0!important} .sugo-legacy-lp .tbl-forlp th:first-child,.sugo-legacy-lp .tbl-forlp td:first-child{width:65%!important} .sugo-legacy-lp .tbl-forlp th:nth-child(2),.sugo-legacy-lp .tbl-forlp td:nth-child(2){width:35%!important} .post_content .sugo-legacy-lp .voice .fdt_ul_text{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .post_content .sugo-legacy-lp .voice .fdt_ul_text>li{min-width:0;width:auto;margin:0;padding:20px} @media(max-width:768px){ .post_content .sugo-legacy-lp .voice .fdt_ul_text{grid-template-columns:minmax(0,1fr)!important} } .page-id-315 .l-header .c-gnav>.menu-item-19>a{box-shadow:inset 0 -2px #29af3b}