@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); /*** The new CSS reset - version 1.9 (last updated 19.6.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } @media screen and (min-width: 835px), print { .hide-pc, .global-nav__icon--sp { display: none !important; } } @media screen and (max-width: 834px) { .hide-sp, .global-nav__icon--pc { display: none !important; } } .sans, html { font-family: "Noto Sans JP", sans-serif; } .poppins { font-family: "Poppins", sans-serif; } .m0 { margin: 0rem !important; } .m5 { margin: 0.5rem !important; } .m10 { margin: 1rem !important; } .m15 { margin: 1.5rem !important; } .m20 { margin: 2rem !important; } .m25 { margin: 2.5rem !important; } .m30 { margin: 3rem !important; } .m35 { margin: 3.5rem !important; } .m40 { margin: 4rem !important; } .m45 { margin: 4.5rem !important; } .m50 { margin: 5rem !important; } .m55 { margin: 5.5rem !important; } .m60 { margin: 6rem !important; } .m65 { margin: 6.5rem !important; } .m70 { margin: 7rem !important; } .m75 { margin: 7.5rem !important; } .m80 { margin: 8rem !important; } .m85 { margin: 8.5rem !important; } .m90 { margin: 9rem !important; } .m95 { margin: 9.5rem !important; } .m100 { margin: 10rem !important; } .mt0 { margin-top: 0rem !important; } .mt5 { margin-top: 0.5rem !important; } .mt10 { margin-top: 1rem !important; } .mt15 { margin-top: 1.5rem !important; } .mt20 { margin-top: 2rem !important; } .mt25 { margin-top: 2.5rem !important; } .mt30 { margin-top: 3rem !important; } .mt35 { margin-top: 3.5rem !important; } .mt40 { margin-top: 4rem !important; } .mt45 { margin-top: 4.5rem !important; } .mt50 { margin-top: 5rem !important; } .mt55 { margin-top: 5.5rem !important; } .mt60 { margin-top: 6rem !important; } .mt65 { margin-top: 6.5rem !important; } .mt70 { margin-top: 7rem !important; } .mt75 { margin-top: 7.5rem !important; } .mt80 { margin-top: 8rem !important; } .mt85 { margin-top: 8.5rem !important; } .mt90 { margin-top: 9rem !important; } .mt95 { margin-top: 9.5rem !important; } .mt100 { margin-top: 10rem !important; } .ml0 { margin-left: 0rem !important; } .ml5 { margin-left: 0.5rem !important; } .ml10 { margin-left: 1rem !important; } .ml15 { margin-left: 1.5rem !important; } .ml20 { margin-left: 2rem !important; } .ml25 { margin-left: 2.5rem !important; } .ml30 { margin-left: 3rem !important; } .ml35 { margin-left: 3.5rem !important; } .ml40 { margin-left: 4rem !important; } .ml45 { margin-left: 4.5rem !important; } .ml50 { margin-left: 5rem !important; } .ml55 { margin-left: 5.5rem !important; } .ml60 { margin-left: 6rem !important; } .ml65 { margin-left: 6.5rem !important; } .ml70 { margin-left: 7rem !important; } .ml75 { margin-left: 7.5rem !important; } .ml80 { margin-left: 8rem !important; } .ml85 { margin-left: 8.5rem !important; } .ml90 { margin-left: 9rem !important; } .ml95 { margin-left: 9.5rem !important; } .ml100 { margin-left: 10rem !important; } .mr0 { margin-right: 0rem !important; } .mr5 { margin-right: 0.5rem !important; } .mr10 { margin-right: 1rem !important; } .mr15 { margin-right: 1.5rem !important; } .mr20 { margin-right: 2rem !important; } .mr25 { margin-right: 2.5rem !important; } .mr30 { margin-right: 3rem !important; } .mr35 { margin-right: 3.5rem !important; } .mr40 { margin-right: 4rem !important; } .mr45 { margin-right: 4.5rem !important; } .mr50 { margin-right: 5rem !important; } .mr55 { margin-right: 5.5rem !important; } .mr60 { margin-right: 6rem !important; } .mr65 { margin-right: 6.5rem !important; } .mr70 { margin-right: 7rem !important; } .mr75 { margin-right: 7.5rem !important; } .mr80 { margin-right: 8rem !important; } .mr85 { margin-right: 8.5rem !important; } .mr90 { margin-right: 9rem !important; } .mr95 { margin-right: 9.5rem !important; } .mr100 { margin-right: 10rem !important; } .mb0 { margin-bottom: 0rem !important; } .mb5 { margin-bottom: 0.5rem !important; } .mb10 { margin-bottom: 1rem !important; } .mb15 { margin-bottom: 1.5rem !important; } .mb20 { margin-bottom: 2rem !important; } .mb25 { margin-bottom: 2.5rem !important; } .mb30 { margin-bottom: 3rem !important; } .mb35 { margin-bottom: 3.5rem !important; } .mb40 { margin-bottom: 4rem !important; } .mb45 { margin-bottom: 4.5rem !important; } .mb50 { margin-bottom: 5rem !important; } .mb55 { margin-bottom: 5.5rem !important; } .mb60 { margin-bottom: 6rem !important; } .mb65 { margin-bottom: 6.5rem !important; } .mb70 { margin-bottom: 7rem !important; } .mb75 { margin-bottom: 7.5rem !important; } .mb80 { margin-bottom: 8rem !important; } .mb85 { margin-bottom: 8.5rem !important; } .mb90 { margin-bottom: 9rem !important; } .mb95 { margin-bottom: 9.5rem !important; } .mb100 { margin-bottom: 10rem !important; } .m-5 { margin: -0.5rem !important; } .m-10 { margin: -1rem !important; } .m-15 { margin: -1.5rem !important; } .m-20 { margin: -2rem !important; } .m-25 { margin: -2.5rem !important; } .m-30 { margin: -3rem !important; } .m-35 { margin: -3.5rem !important; } .m-40 { margin: -4rem !important; } .m-45 { margin: -4.5rem !important; } .m-50 { margin: -5rem !important; } .m-55 { margin: -5.5rem !important; } .m-60 { margin: -6rem !important; } .m-65 { margin: -6.5rem !important; } .m-70 { margin: -7rem !important; } .m-75 { margin: -7.5rem !important; } .m-80 { margin: -8rem !important; } .m-85 { margin: -8.5rem !important; } .m-90 { margin: -9rem !important; } .m-95 { margin: -9.5rem !important; } .m-100 { margin: -10rem !important; } .mt-5 { margin-top: -0.5rem !important; } .mt-10 { margin-top: -1rem !important; } .mt-15 { margin-top: -1.5rem !important; } .mt-20 { margin-top: -2rem !important; } .mt-25 { margin-top: -2.5rem !important; } .mt-30 { margin-top: -3rem !important; } .mt-35 { margin-top: -3.5rem !important; } .mt-40 { margin-top: -4rem !important; } .mt-45 { margin-top: -4.5rem !important; } .mt-50 { margin-top: -5rem !important; } .mt-55 { margin-top: -5.5rem !important; } .mt-60 { margin-top: -6rem !important; } .mt-65 { margin-top: -6.5rem !important; } .mt-70 { margin-top: -7rem !important; } .mt-75 { margin-top: -7.5rem !important; } .mt-80 { margin-top: -8rem !important; } .mt-85 { margin-top: -8.5rem !important; } .mt-90 { margin-top: -9rem !important; } .mt-95 { margin-top: -9.5rem !important; } .mt-100 { margin-top: -10rem !important; } .ml-5 { margin-left: -0.5rem !important; } .ml-10 { margin-left: -1rem !important; } .ml-15 { margin-left: -1.5rem !important; } .ml-20 { margin-left: -2rem !important; } .ml-25 { margin-left: -2.5rem !important; } .ml-30 { margin-left: -3rem !important; } .ml-35 { margin-left: -3.5rem !important; } .ml-40 { margin-left: -4rem !important; } .ml-45 { margin-left: -4.5rem !important; } .ml-50 { margin-left: -5rem !important; } .ml-55 { margin-left: -5.5rem !important; } .ml-60 { margin-left: -6rem !important; } .ml-65 { margin-left: -6.5rem !important; } .ml-70 { margin-left: -7rem !important; } .ml-75 { margin-left: -7.5rem !important; } .ml-80 { margin-left: -8rem !important; } .ml-85 { margin-left: -8.5rem !important; } .ml-90 { margin-left: -9rem !important; } .ml-95 { margin-left: -9.5rem !important; } .ml-100 { margin-left: -10rem !important; } .mr-5 { margin-right: -0.5rem !important; } .mr-10 { margin-right: -1rem !important; } .mr-15 { margin-right: -1.5rem !important; } .mr-20 { margin-right: -2rem !important; } .mr-25 { margin-right: -2.5rem !important; } .mr-30 { margin-right: -3rem !important; } .mr-35 { margin-right: -3.5rem !important; } .mr-40 { margin-right: -4rem !important; } .mr-45 { margin-right: -4.5rem !important; } .mr-50 { margin-right: -5rem !important; } .mr-55 { margin-right: -5.5rem !important; } .mr-60 { margin-right: -6rem !important; } .mr-65 { margin-right: -6.5rem !important; } .mr-70 { margin-right: -7rem !important; } .mr-75 { margin-right: -7.5rem !important; } .mr-80 { margin-right: -8rem !important; } .mr-85 { margin-right: -8.5rem !important; } .mr-90 { margin-right: -9rem !important; } .mr-95 { margin-right: -9.5rem !important; } .mr-100 { margin-right: -10rem !important; } .mb-5 { margin-bottom: -0.5rem !important; } .mb-10 { margin-bottom: -1rem !important; } .mb-15 { margin-bottom: -1.5rem !important; } .mb-20 { margin-bottom: -2rem !important; } .mb-25 { margin-bottom: -2.5rem !important; } .mb-30 { margin-bottom: -3rem !important; } .mb-35 { margin-bottom: -3.5rem !important; } .mb-40 { margin-bottom: -4rem !important; } .mb-45 { margin-bottom: -4.5rem !important; } .mb-50 { margin-bottom: -5rem !important; } .mb-55 { margin-bottom: -5.5rem !important; } .mb-60 { margin-bottom: -6rem !important; } .mb-65 { margin-bottom: -6.5rem !important; } .mb-70 { margin-bottom: -7rem !important; } .mb-75 { margin-bottom: -7.5rem !important; } .mb-80 { margin-bottom: -8rem !important; } .mb-85 { margin-bottom: -8.5rem !important; } .mb-90 { margin-bottom: -9rem !important; } .mb-95 { margin-bottom: -9.5rem !important; } .mb-100 { margin-bottom: -10rem !important; } .p0 { padding: 0rem !important; } .p5 { padding: 0.5rem !important; } .p10 { padding: 1rem !important; } .p15 { padding: 1.5rem !important; } .p20 { padding: 2rem !important; } .p25 { padding: 2.5rem !important; } .p30 { padding: 3rem !important; } .p35 { padding: 3.5rem !important; } .p40 { padding: 4rem !important; } .p45 { padding: 4.5rem !important; } .p50 { padding: 5rem !important; } .p55 { padding: 5.5rem !important; } .p60 { padding: 6rem !important; } .p65 { padding: 6.5rem !important; } .p70 { padding: 7rem !important; } .p75 { padding: 7.5rem !important; } .p80 { padding: 8rem !important; } .p85 { padding: 8.5rem !important; } .p90 { padding: 9rem !important; } .p95 { padding: 9.5rem !important; } .p100 { padding: 10rem !important; } .pt0 { padding-top: 0rem !important; } .pt5 { padding-top: 0.5rem !important; } .pt10 { padding-top: 1rem !important; } .pt15 { padding-top: 1.5rem !important; } .pt20 { padding-top: 2rem !important; } .pt25 { padding-top: 2.5rem !important; } .pt30 { padding-top: 3rem !important; } .pt35 { padding-top: 3.5rem !important; } .pt40 { padding-top: 4rem !important; } .pt45 { padding-top: 4.5rem !important; } .pt50 { padding-top: 5rem !important; } .pt55 { padding-top: 5.5rem !important; } .pt60 { padding-top: 6rem !important; } .pt65 { padding-top: 6.5rem !important; } .pt70 { padding-top: 7rem !important; } .pt75 { padding-top: 7.5rem !important; } .pt80 { padding-top: 8rem !important; } .pt85 { padding-top: 8.5rem !important; } .pt90 { padding-top: 9rem !important; } .pt95 { padding-top: 9.5rem !important; } .pt100 { padding-top: 10rem !important; } .pl0 { padding-left: 0rem !important; } .pl5 { padding-left: 0.5rem !important; } .pl10 { padding-left: 1rem !important; } .pl15 { padding-left: 1.5rem !important; } .pl20 { padding-left: 2rem !important; } .pl25 { padding-left: 2.5rem !important; } .pl30 { padding-left: 3rem !important; } .pl35 { padding-left: 3.5rem !important; } .pl40 { padding-left: 4rem !important; } .pl45 { padding-left: 4.5rem !important; } .pl50 { padding-left: 5rem !important; } .pl55 { padding-left: 5.5rem !important; } .pl60 { padding-left: 6rem !important; } .pl65 { padding-left: 6.5rem !important; } .pl70 { padding-left: 7rem !important; } .pl75 { padding-left: 7.5rem !important; } .pl80 { padding-left: 8rem !important; } .pl85 { padding-left: 8.5rem !important; } .pl90 { padding-left: 9rem !important; } .pl95 { padding-left: 9.5rem !important; } .pl100 { padding-left: 10rem !important; } .pr0 { padding-right: 0rem !important; } .pr5 { padding-right: 0.5rem !important; } .pr10 { padding-right: 1rem !important; } .pr15 { padding-right: 1.5rem !important; } .pr20 { padding-right: 2rem !important; } .pr25 { padding-right: 2.5rem !important; } .pr30 { padding-right: 3rem !important; } .pr35 { padding-right: 3.5rem !important; } .pr40 { padding-right: 4rem !important; } .pr45 { padding-right: 4.5rem !important; } .pr50 { padding-right: 5rem !important; } .pr55 { padding-right: 5.5rem !important; } .pr60 { padding-right: 6rem !important; } .pr65 { padding-right: 6.5rem !important; } .pr70 { padding-right: 7rem !important; } .pr75 { padding-right: 7.5rem !important; } .pr80 { padding-right: 8rem !important; } .pr85 { padding-right: 8.5rem !important; } .pr90 { padding-right: 9rem !important; } .pr95 { padding-right: 9.5rem !important; } .pr100 { padding-right: 10rem !important; } .pb0 { padding-bottom: 0rem !important; } .pb5 { padding-bottom: 0.5rem !important; } .pb10 { padding-bottom: 1rem !important; } .pb15 { padding-bottom: 1.5rem !important; } .pb20 { padding-bottom: 2rem !important; } .pb25 { padding-bottom: 2.5rem !important; } .pb30 { padding-bottom: 3rem !important; } .pb35 { padding-bottom: 3.5rem !important; } .pb40 { padding-bottom: 4rem !important; } .pb45 { padding-bottom: 4.5rem !important; } .pb50 { padding-bottom: 5rem !important; } .pb55 { padding-bottom: 5.5rem !important; } .pb60 { padding-bottom: 6rem !important; } .pb65 { padding-bottom: 6.5rem !important; } .pb70 { padding-bottom: 7rem !important; } .pb75 { padding-bottom: 7.5rem !important; } .pb80 { padding-bottom: 8rem !important; } .pb85 { padding-bottom: 8.5rem !important; } .pb90 { padding-bottom: 9rem !important; } .pb95 { padding-bottom: 9.5rem !important; } .pb100 { padding-bottom: 10rem !important; } .p-5 { padding: -0.5rem !important; } .p-10 { padding: -1rem !important; } .p-15 { padding: -1.5rem !important; } .p-20 { padding: -2rem !important; } .p-25 { padding: -2.5rem !important; } .p-30 { padding: -3rem !important; } .p-35 { padding: -3.5rem !important; } .p-40 { padding: -4rem !important; } .p-45 { padding: -4.5rem !important; } .p-50 { padding: -5rem !important; } .p-55 { padding: -5.5rem !important; } .p-60 { padding: -6rem !important; } .p-65 { padding: -6.5rem !important; } .p-70 { padding: -7rem !important; } .p-75 { padding: -7.5rem !important; } .p-80 { padding: -8rem !important; } .p-85 { padding: -8.5rem !important; } .p-90 { padding: -9rem !important; } .p-95 { padding: -9.5rem !important; } .p-100 { padding: -10rem !important; } .pt-5 { padding-top: -0.5rem !important; } .pt-10 { padding-top: -1rem !important; } .pt-15 { padding-top: -1.5rem !important; } .pt-20 { padding-top: -2rem !important; } .pt-25 { padding-top: -2.5rem !important; } .pt-30 { padding-top: -3rem !important; } .pt-35 { padding-top: -3.5rem !important; } .pt-40 { padding-top: -4rem !important; } .pt-45 { padding-top: -4.5rem !important; } .pt-50 { padding-top: -5rem !important; } .pt-55 { padding-top: -5.5rem !important; } .pt-60 { padding-top: -6rem !important; } .pt-65 { padding-top: -6.5rem !important; } .pt-70 { padding-top: -7rem !important; } .pt-75 { padding-top: -7.5rem !important; } .pt-80 { padding-top: -8rem !important; } .pt-85 { padding-top: -8.5rem !important; } .pt-90 { padding-top: -9rem !important; } .pt-95 { padding-top: -9.5rem !important; } .pt-100 { padding-top: -10rem !important; } .pl-5 { padding-left: -0.5rem !important; } .pl-10 { padding-left: -1rem !important; } .pl-15 { padding-left: -1.5rem !important; } .pl-20 { padding-left: -2rem !important; } .pl-25 { padding-left: -2.5rem !important; } .pl-30 { padding-left: -3rem !important; } .pl-35 { padding-left: -3.5rem !important; } .pl-40 { padding-left: -4rem !important; } .pl-45 { padding-left: -4.5rem !important; } .pl-50 { padding-left: -5rem !important; } .pl-55 { padding-left: -5.5rem !important; } .pl-60 { padding-left: -6rem !important; } .pl-65 { padding-left: -6.5rem !important; } .pl-70 { padding-left: -7rem !important; } .pl-75 { padding-left: -7.5rem !important; } .pl-80 { padding-left: -8rem !important; } .pl-85 { padding-left: -8.5rem !important; } .pl-90 { padding-left: -9rem !important; } .pl-95 { padding-left: -9.5rem !important; } .pl-100 { padding-left: -10rem !important; } .pr-5 { padding-right: -0.5rem !important; } .pr-10 { padding-right: -1rem !important; } .pr-15 { padding-right: -1.5rem !important; } .pr-20 { padding-right: -2rem !important; } .pr-25 { padding-right: -2.5rem !important; } .pr-30 { padding-right: -3rem !important; } .pr-35 { padding-right: -3.5rem !important; } .pr-40 { padding-right: -4rem !important; } .pr-45 { padding-right: -4.5rem !important; } .pr-50 { padding-right: -5rem !important; } .pr-55 { padding-right: -5.5rem !important; } .pr-60 { padding-right: -6rem !important; } .pr-65 { padding-right: -6.5rem !important; } .pr-70 { padding-right: -7rem !important; } .pr-75 { padding-right: -7.5rem !important; } .pr-80 { padding-right: -8rem !important; } .pr-85 { padding-right: -8.5rem !important; } .pr-90 { padding-right: -9rem !important; } .pr-95 { padding-right: -9.5rem !important; } .pr-100 { padding-right: -10rem !important; } .pb-5 { padding-bottom: -0.5rem !important; } .pb-10 { padding-bottom: -1rem !important; } .pb-15 { padding-bottom: -1.5rem !important; } .pb-20 { padding-bottom: -2rem !important; } .pb-25 { padding-bottom: -2.5rem !important; } .pb-30 { padding-bottom: -3rem !important; } .pb-35 { padding-bottom: -3.5rem !important; } .pb-40 { padding-bottom: -4rem !important; } .pb-45 { padding-bottom: -4.5rem !important; } .pb-50 { padding-bottom: -5rem !important; } .pb-55 { padding-bottom: -5.5rem !important; } .pb-60 { padding-bottom: -6rem !important; } .pb-65 { padding-bottom: -6.5rem !important; } .pb-70 { padding-bottom: -7rem !important; } .pb-75 { padding-bottom: -7.5rem !important; } .pb-80 { padding-bottom: -8rem !important; } .pb-85 { padding-bottom: -8.5rem !important; } .pb-90 { padding-bottom: -9rem !important; } .pb-95 { padding-bottom: -9.5rem !important; } .pb-100 { padding-bottom: -10rem !important; } @media screen and (min-width: 835px), print { .m0_pc { margin: 0rem !important; } .m5_pc { margin: 0.5rem !important; } .m10_pc { margin: 1rem !important; } .m15_pc { margin: 1.5rem !important; } .m20_pc { margin: 2rem !important; } .m25_pc { margin: 2.5rem !important; } .m30_pc { margin: 3rem !important; } .m35_pc { margin: 3.5rem !important; } .m40_pc { margin: 4rem !important; } .m45_pc { margin: 4.5rem !important; } .m50_pc { margin: 5rem !important; } .m55_pc { margin: 5.5rem !important; } .m60_pc { margin: 6rem !important; } .m65_pc { margin: 6.5rem !important; } .m70_pc { margin: 7rem !important; } .m75_pc { margin: 7.5rem !important; } .m80_pc { margin: 8rem !important; } .m85_pc { margin: 8.5rem !important; } .m90_pc { margin: 9rem !important; } .m95_pc { margin: 9.5rem !important; } .m100_pc { margin: 10rem !important; } .mt0_pc { margin-top: 0rem !important; } .mt5_pc { margin-top: 0.5rem !important; } .mt10_pc { margin-top: 1rem !important; } .mt15_pc { margin-top: 1.5rem !important; } .mt20_pc { margin-top: 2rem !important; } .mt25_pc { margin-top: 2.5rem !important; } .mt30_pc { margin-top: 3rem !important; } .mt35_pc { margin-top: 3.5rem !important; } .mt40_pc { margin-top: 4rem !important; } .mt45_pc { margin-top: 4.5rem !important; } .mt50_pc { margin-top: 5rem !important; } .mt55_pc { margin-top: 5.5rem !important; } .mt60_pc { margin-top: 6rem !important; } .mt65_pc { margin-top: 6.5rem !important; } .mt70_pc { margin-top: 7rem !important; } .mt75_pc { margin-top: 7.5rem !important; } .mt80_pc { margin-top: 8rem !important; } .mt85_pc { margin-top: 8.5rem !important; } .mt90_pc { margin-top: 9rem !important; } .mt95_pc { margin-top: 9.5rem !important; } .mt100_pc { margin-top: 10rem !important; } .ml0_pc { margin-left: 0rem !important; } .ml5_pc { margin-left: 0.5rem !important; } .ml10_pc { margin-left: 1rem !important; } .ml15_pc { margin-left: 1.5rem !important; } .ml20_pc { margin-left: 2rem !important; } .ml25_pc { margin-left: 2.5rem !important; } .ml30_pc { margin-left: 3rem !important; } .ml35_pc { margin-left: 3.5rem !important; } .ml40_pc { margin-left: 4rem !important; } .ml45_pc { margin-left: 4.5rem !important; } .ml50_pc { margin-left: 5rem !important; } .ml55_pc { margin-left: 5.5rem !important; } .ml60_pc { margin-left: 6rem !important; } .ml65_pc { margin-left: 6.5rem !important; } .ml70_pc { margin-left: 7rem !important; } .ml75_pc { margin-left: 7.5rem !important; } .ml80_pc { margin-left: 8rem !important; } .ml85_pc { margin-left: 8.5rem !important; } .ml90_pc { margin-left: 9rem !important; } .ml95_pc { margin-left: 9.5rem !important; } .ml100_pc { margin-left: 10rem !important; } .mr0_pc { margin-right: 0rem !important; } .mr5_pc { margin-right: 0.5rem !important; } .mr10_pc { margin-right: 1rem !important; } .mr15_pc { margin-right: 1.5rem !important; } .mr20_pc { margin-right: 2rem !important; } .mr25_pc { margin-right: 2.5rem !important; } .mr30_pc { margin-right: 3rem !important; } .mr35_pc { margin-right: 3.5rem !important; } .mr40_pc { margin-right: 4rem !important; } .mr45_pc { margin-right: 4.5rem !important; } .mr50_pc { margin-right: 5rem !important; } .mr55_pc { margin-right: 5.5rem !important; } .mr60_pc { margin-right: 6rem !important; } .mr65_pc { margin-right: 6.5rem !important; } .mr70_pc { margin-right: 7rem !important; } .mr75_pc { margin-right: 7.5rem !important; } .mr80_pc { margin-right: 8rem !important; } .mr85_pc { margin-right: 8.5rem !important; } .mr90_pc { margin-right: 9rem !important; } .mr95_pc { margin-right: 9.5rem !important; } .mr100_pc { margin-right: 10rem !important; } .mb0_pc { margin-bottom: 0rem !important; } .mb5_pc { margin-bottom: 0.5rem !important; } .mb10_pc { margin-bottom: 1rem !important; } .mb15_pc { margin-bottom: 1.5rem !important; } .mb20_pc { margin-bottom: 2rem !important; } .mb25_pc { margin-bottom: 2.5rem !important; } .mb30_pc { margin-bottom: 3rem !important; } .mb35_pc { margin-bottom: 3.5rem !important; } .mb40_pc { margin-bottom: 4rem !important; } .mb45_pc { margin-bottom: 4.5rem !important; } .mb50_pc { margin-bottom: 5rem !important; } .mb55_pc { margin-bottom: 5.5rem !important; } .mb60_pc { margin-bottom: 6rem !important; } .mb65_pc { margin-bottom: 6.5rem !important; } .mb70_pc { margin-bottom: 7rem !important; } .mb75_pc { margin-bottom: 7.5rem !important; } .mb80_pc { margin-bottom: 8rem !important; } .mb85_pc { margin-bottom: 8.5rem !important; } .mb90_pc { margin-bottom: 9rem !important; } .mb95_pc { margin-bottom: 9.5rem !important; } .mb100_pc { margin-bottom: 10rem !important; } .m-5_pc { margin: -0.5rem !important; } .m-10_pc { margin: -1rem !important; } .m-15_pc { margin: -1.5rem !important; } .m-20_pc { margin: -2rem !important; } .m-25_pc { margin: -2.5rem !important; } .m-30_pc { margin: -3rem !important; } .m-35_pc { margin: -3.5rem !important; } .m-40_pc { margin: -4rem !important; } .m-45_pc { margin: -4.5rem !important; } .m-50_pc { margin: -5rem !important; } .m-55_pc { margin: -5.5rem !important; } .m-60_pc { margin: -6rem !important; } .m-65_pc { margin: -6.5rem !important; } .m-70_pc { margin: -7rem !important; } .m-75_pc { margin: -7.5rem !important; } .m-80_pc { margin: -8rem !important; } .m-85_pc { margin: -8.5rem !important; } .m-90_pc { margin: -9rem !important; } .m-95_pc { margin: -9.5rem !important; } .m-100_pc { margin: -10rem !important; } .mt-5_pc { margin-top: -0.5rem !important; } .mt-10_pc { margin-top: -1rem !important; } .mt-15_pc { margin-top: -1.5rem !important; } .mt-20_pc { margin-top: -2rem !important; } .mt-25_pc { margin-top: -2.5rem !important; } .mt-30_pc { margin-top: -3rem !important; } .mt-35_pc { margin-top: -3.5rem !important; } .mt-40_pc { margin-top: -4rem !important; } .mt-45_pc { margin-top: -4.5rem !important; } .mt-50_pc { margin-top: -5rem !important; } .mt-55_pc { margin-top: -5.5rem !important; } .mt-60_pc { margin-top: -6rem !important; } .mt-65_pc { margin-top: -6.5rem !important; } .mt-70_pc { margin-top: -7rem !important; } .mt-75_pc { margin-top: -7.5rem !important; } .mt-80_pc { margin-top: -8rem !important; } .mt-85_pc { margin-top: -8.5rem !important; } .mt-90_pc { margin-top: -9rem !important; } .mt-95_pc { margin-top: -9.5rem !important; } .mt-100_pc { margin-top: -10rem !important; } .ml-5_pc { margin-left: -0.5rem !important; } .ml-10_pc { margin-left: -1rem !important; } .ml-15_pc { margin-left: -1.5rem !important; } .ml-20_pc { margin-left: -2rem !important; } .ml-25_pc { margin-left: -2.5rem !important; } .ml-30_pc { margin-left: -3rem !important; } .ml-35_pc { margin-left: -3.5rem !important; } .ml-40_pc { margin-left: -4rem !important; } .ml-45_pc { margin-left: -4.5rem !important; } .ml-50_pc { margin-left: -5rem !important; } .ml-55_pc { margin-left: -5.5rem !important; } .ml-60_pc { margin-left: -6rem !important; } .ml-65_pc { margin-left: -6.5rem !important; } .ml-70_pc { margin-left: -7rem !important; } .ml-75_pc { margin-left: -7.5rem !important; } .ml-80_pc { margin-left: -8rem !important; } .ml-85_pc { margin-left: -8.5rem !important; } .ml-90_pc { margin-left: -9rem !important; } .ml-95_pc { margin-left: -9.5rem !important; } .ml-100_pc { margin-left: -10rem !important; } .mr-5_pc { margin-right: -0.5rem !important; } .mr-10_pc { margin-right: -1rem !important; } .mr-15_pc { margin-right: -1.5rem !important; } .mr-20_pc { margin-right: -2rem !important; } .mr-25_pc { margin-right: -2.5rem !important; } .mr-30_pc { margin-right: -3rem !important; } .mr-35_pc { margin-right: -3.5rem !important; } .mr-40_pc { margin-right: -4rem !important; } .mr-45_pc { margin-right: -4.5rem !important; } .mr-50_pc { margin-right: -5rem !important; } .mr-55_pc { margin-right: -5.5rem !important; } .mr-60_pc { margin-right: -6rem !important; } .mr-65_pc { margin-right: -6.5rem !important; } .mr-70_pc { margin-right: -7rem !important; } .mr-75_pc { margin-right: -7.5rem !important; } .mr-80_pc { margin-right: -8rem !important; } .mr-85_pc { margin-right: -8.5rem !important; } .mr-90_pc { margin-right: -9rem !important; } .mr-95_pc { margin-right: -9.5rem !important; } .mr-100_pc { margin-right: -10rem !important; } .mb-5_pc { margin-bottom: -0.5rem !important; } .mb-10_pc { margin-bottom: -1rem !important; } .mb-15_pc { margin-bottom: -1.5rem !important; } .mb-20_pc { margin-bottom: -2rem !important; } .mb-25_pc { margin-bottom: -2.5rem !important; } .mb-30_pc { margin-bottom: -3rem !important; } .mb-35_pc { margin-bottom: -3.5rem !important; } .mb-40_pc { margin-bottom: -4rem !important; } .mb-45_pc { margin-bottom: -4.5rem !important; } .mb-50_pc { margin-bottom: -5rem !important; } .mb-55_pc { margin-bottom: -5.5rem !important; } .mb-60_pc { margin-bottom: -6rem !important; } .mb-65_pc { margin-bottom: -6.5rem !important; } .mb-70_pc { margin-bottom: -7rem !important; } .mb-75_pc { margin-bottom: -7.5rem !important; } .mb-80_pc { margin-bottom: -8rem !important; } .mb-85_pc { margin-bottom: -8.5rem !important; } .mb-90_pc { margin-bottom: -9rem !important; } .mb-95_pc { margin-bottom: -9.5rem !important; } .mb-100_pc { margin-bottom: -10rem !important; } .p0_pc { padding: 0rem !important; } .p5_pc { padding: 0.5rem !important; } .p10_pc { padding: 1rem !important; } .p15_pc { padding: 1.5rem !important; } .p20_pc { padding: 2rem !important; } .p25_pc { padding: 2.5rem !important; } .p30_pc { padding: 3rem !important; } .p35_pc { padding: 3.5rem !important; } .p40_pc { padding: 4rem !important; } .p45_pc { padding: 4.5rem !important; } .p50_pc { padding: 5rem !important; } .p55_pc { padding: 5.5rem !important; } .p60_pc { padding: 6rem !important; } .p65_pc { padding: 6.5rem !important; } .p70_pc { padding: 7rem !important; } .p75_pc { padding: 7.5rem !important; } .p80_pc { padding: 8rem !important; } .p85_pc { padding: 8.5rem !important; } .p90_pc { padding: 9rem !important; } .p95_pc { padding: 9.5rem !important; } .p100_pc { padding: 10rem !important; } .pt0_pc { padding-top: 0rem !important; } .pt5_pc { padding-top: 0.5rem !important; } .pt10_pc { padding-top: 1rem !important; } .pt15_pc { padding-top: 1.5rem !important; } .pt20_pc { padding-top: 2rem !important; } .pt25_pc { padding-top: 2.5rem !important; } .pt30_pc { padding-top: 3rem !important; } .pt35_pc { padding-top: 3.5rem !important; } .pt40_pc { padding-top: 4rem !important; } .pt45_pc { padding-top: 4.5rem !important; } .pt50_pc { padding-top: 5rem !important; } .pt55_pc { padding-top: 5.5rem !important; } .pt60_pc { padding-top: 6rem !important; } .pt65_pc { padding-top: 6.5rem !important; } .pt70_pc { padding-top: 7rem !important; } .pt75_pc { padding-top: 7.5rem !important; } .pt80_pc { padding-top: 8rem !important; } .pt85_pc { padding-top: 8.5rem !important; } .pt90_pc { padding-top: 9rem !important; } .pt95_pc { padding-top: 9.5rem !important; } .pt100_pc { padding-top: 10rem !important; } .pl0_pc { padding-left: 0rem !important; } .pl5_pc { padding-left: 0.5rem !important; } .pl10_pc { padding-left: 1rem !important; } .pl15_pc { padding-left: 1.5rem !important; } .pl20_pc { padding-left: 2rem !important; } .pl25_pc { padding-left: 2.5rem !important; } .pl30_pc { padding-left: 3rem !important; } .pl35_pc { padding-left: 3.5rem !important; } .pl40_pc { padding-left: 4rem !important; } .pl45_pc { padding-left: 4.5rem !important; } .pl50_pc { padding-left: 5rem !important; } .pl55_pc { padding-left: 5.5rem !important; } .pl60_pc { padding-left: 6rem !important; } .pl65_pc { padding-left: 6.5rem !important; } .pl70_pc { padding-left: 7rem !important; } .pl75_pc { padding-left: 7.5rem !important; } .pl80_pc { padding-left: 8rem !important; } .pl85_pc { padding-left: 8.5rem !important; } .pl90_pc { padding-left: 9rem !important; } .pl95_pc { padding-left: 9.5rem !important; } .pl100_pc { padding-left: 10rem !important; } .pr0_pc { padding-right: 0rem !important; } .pr5_pc { padding-right: 0.5rem !important; } .pr10_pc { padding-right: 1rem !important; } .pr15_pc { padding-right: 1.5rem !important; } .pr20_pc { padding-right: 2rem !important; } .pr25_pc { padding-right: 2.5rem !important; } .pr30_pc { padding-right: 3rem !important; } .pr35_pc { padding-right: 3.5rem !important; } .pr40_pc { padding-right: 4rem !important; } .pr45_pc { padding-right: 4.5rem !important; } .pr50_pc { padding-right: 5rem !important; } .pr55_pc { padding-right: 5.5rem !important; } .pr60_pc { padding-right: 6rem !important; } .pr65_pc { padding-right: 6.5rem !important; } .pr70_pc { padding-right: 7rem !important; } .pr75_pc { padding-right: 7.5rem !important; } .pr80_pc { padding-right: 8rem !important; } .pr85_pc { padding-right: 8.5rem !important; } .pr90_pc { padding-right: 9rem !important; } .pr95_pc { padding-right: 9.5rem !important; } .pr100_pc { padding-right: 10rem !important; } .pb0_pc { padding-bottom: 0rem !important; } .pb5_pc { padding-bottom: 0.5rem !important; } .pb10_pc { padding-bottom: 1rem !important; } .pb15_pc { padding-bottom: 1.5rem !important; } .pb20_pc { padding-bottom: 2rem !important; } .pb25_pc { padding-bottom: 2.5rem !important; } .pb30_pc { padding-bottom: 3rem !important; } .pb35_pc { padding-bottom: 3.5rem !important; } .pb40_pc { padding-bottom: 4rem !important; } .pb45_pc { padding-bottom: 4.5rem !important; } .pb50_pc { padding-bottom: 5rem !important; } .pb55_pc { padding-bottom: 5.5rem !important; } .pb60_pc { padding-bottom: 6rem !important; } .pb65_pc { padding-bottom: 6.5rem !important; } .pb70_pc { padding-bottom: 7rem !important; } .pb75_pc { padding-bottom: 7.5rem !important; } .pb80_pc { padding-bottom: 8rem !important; } .pb85_pc { padding-bottom: 8.5rem !important; } .pb90_pc { padding-bottom: 9rem !important; } .pb95_pc { padding-bottom: 9.5rem !important; } .pb100_pc { padding-bottom: 10rem !important; } .p-5_pc { padding: -0.5rem !important; } .p-10_pc { padding: -1rem !important; } .p-15_pc { padding: -1.5rem !important; } .p-20_pc { padding: -2rem !important; } .p-25_pc { padding: -2.5rem !important; } .p-30_pc { padding: -3rem !important; } .p-35_pc { padding: -3.5rem !important; } .p-40_pc { padding: -4rem !important; } .p-45_pc { padding: -4.5rem !important; } .p-50_pc { padding: -5rem !important; } .p-55_pc { padding: -5.5rem !important; } .p-60_pc { padding: -6rem !important; } .p-65_pc { padding: -6.5rem !important; } .p-70_pc { padding: -7rem !important; } .p-75_pc { padding: -7.5rem !important; } .p-80_pc { padding: -8rem !important; } .p-85_pc { padding: -8.5rem !important; } .p-90_pc { padding: -9rem !important; } .p-95_pc { padding: -9.5rem !important; } .p-100_pc { padding: -10rem !important; } .pt-5_pc { padding-top: -0.5rem !important; } .pt-10_pc { padding-top: -1rem !important; } .pt-15_pc { padding-top: -1.5rem !important; } .pt-20_pc { padding-top: -2rem !important; } .pt-25_pc { padding-top: -2.5rem !important; } .pt-30_pc { padding-top: -3rem !important; } .pt-35_pc { padding-top: -3.5rem !important; } .pt-40_pc { padding-top: -4rem !important; } .pt-45_pc { padding-top: -4.5rem !important; } .pt-50_pc { padding-top: -5rem !important; } .pt-55_pc { padding-top: -5.5rem !important; } .pt-60_pc { padding-top: -6rem !important; } .pt-65_pc { padding-top: -6.5rem !important; } .pt-70_pc { padding-top: -7rem !important; } .pt-75_pc { padding-top: -7.5rem !important; } .pt-80_pc { padding-top: -8rem !important; } .pt-85_pc { padding-top: -8.5rem !important; } .pt-90_pc { padding-top: -9rem !important; } .pt-95_pc { padding-top: -9.5rem !important; } .pt-100_pc { padding-top: -10rem !important; } .pl-5_pc { padding-left: -0.5rem !important; } .pl-10_pc { padding-left: -1rem !important; } .pl-15_pc { padding-left: -1.5rem !important; } .pl-20_pc { padding-left: -2rem !important; } .pl-25_pc { padding-left: -2.5rem !important; } .pl-30_pc { padding-left: -3rem !important; } .pl-35_pc { padding-left: -3.5rem !important; } .pl-40_pc { padding-left: -4rem !important; } .pl-45_pc { padding-left: -4.5rem !important; } .pl-50_pc { padding-left: -5rem !important; } .pl-55_pc { padding-left: -5.5rem !important; } .pl-60_pc { padding-left: -6rem !important; } .pl-65_pc { padding-left: -6.5rem !important; } .pl-70_pc { padding-left: -7rem !important; } .pl-75_pc { padding-left: -7.5rem !important; } .pl-80_pc { padding-left: -8rem !important; } .pl-85_pc { padding-left: -8.5rem !important; } .pl-90_pc { padding-left: -9rem !important; } .pl-95_pc { padding-left: -9.5rem !important; } .pl-100_pc { padding-left: -10rem !important; } .pr-5_pc { padding-right: -0.5rem !important; } .pr-10_pc { padding-right: -1rem !important; } .pr-15_pc { padding-right: -1.5rem !important; } .pr-20_pc { padding-right: -2rem !important; } .pr-25_pc { padding-right: -2.5rem !important; } .pr-30_pc { padding-right: -3rem !important; } .pr-35_pc { padding-right: -3.5rem !important; } .pr-40_pc { padding-right: -4rem !important; } .pr-45_pc { padding-right: -4.5rem !important; } .pr-50_pc { padding-right: -5rem !important; } .pr-55_pc { padding-right: -5.5rem !important; } .pr-60_pc { padding-right: -6rem !important; } .pr-65_pc { padding-right: -6.5rem !important; } .pr-70_pc { padding-right: -7rem !important; } .pr-75_pc { padding-right: -7.5rem !important; } .pr-80_pc { padding-right: -8rem !important; } .pr-85_pc { padding-right: -8.5rem !important; } .pr-90_pc { padding-right: -9rem !important; } .pr-95_pc { padding-right: -9.5rem !important; } .pr-100_pc { padding-right: -10rem !important; } .pb-5_pc { padding-bottom: -0.5rem !important; } .pb-10_pc { padding-bottom: -1rem !important; } .pb-15_pc { padding-bottom: -1.5rem !important; } .pb-20_pc { padding-bottom: -2rem !important; } .pb-25_pc { padding-bottom: -2.5rem !important; } .pb-30_pc { padding-bottom: -3rem !important; } .pb-35_pc { padding-bottom: -3.5rem !important; } .pb-40_pc { padding-bottom: -4rem !important; } .pb-45_pc { padding-bottom: -4.5rem !important; } .pb-50_pc { padding-bottom: -5rem !important; } .pb-55_pc { padding-bottom: -5.5rem !important; } .pb-60_pc { padding-bottom: -6rem !important; } .pb-65_pc { padding-bottom: -6.5rem !important; } .pb-70_pc { padding-bottom: -7rem !important; } .pb-75_pc { padding-bottom: -7.5rem !important; } .pb-80_pc { padding-bottom: -8rem !important; } .pb-85_pc { padding-bottom: -8.5rem !important; } .pb-90_pc { padding-bottom: -9rem !important; } .pb-95_pc { padding-bottom: -9.5rem !important; } .pb-100_pc { padding-bottom: -10rem !important; } } @media screen and (max-width: 834px) { .m0_sp { margin: 0rem !important; } .m5_sp { margin: 0.5rem !important; } .m10_sp { margin: 1rem !important; } .m15_sp { margin: 1.5rem !important; } .m20_sp { margin: 2rem !important; } .m25_sp { margin: 2.5rem !important; } .m30_sp { margin: 3rem !important; } .m35_sp { margin: 3.5rem !important; } .m40_sp { margin: 4rem !important; } .m45_sp { margin: 4.5rem !important; } .m50_sp { margin: 5rem !important; } .m55_sp { margin: 5.5rem !important; } .m60_sp { margin: 6rem !important; } .m65_sp { margin: 6.5rem !important; } .m70_sp { margin: 7rem !important; } .m75_sp { margin: 7.5rem !important; } .m80_sp { margin: 8rem !important; } .m85_sp { margin: 8.5rem !important; } .m90_sp { margin: 9rem !important; } .m95_sp { margin: 9.5rem !important; } .m100_sp { margin: 10rem !important; } .mt0_sp { margin-top: 0rem !important; } .mt5_sp { margin-top: 0.5rem !important; } .mt10_sp { margin-top: 1rem !important; } .mt15_sp { margin-top: 1.5rem !important; } .mt20_sp { margin-top: 2rem !important; } .mt25_sp { margin-top: 2.5rem !important; } .mt30_sp { margin-top: 3rem !important; } .mt35_sp { margin-top: 3.5rem !important; } .mt40_sp { margin-top: 4rem !important; } .mt45_sp { margin-top: 4.5rem !important; } .mt50_sp { margin-top: 5rem !important; } .mt55_sp { margin-top: 5.5rem !important; } .mt60_sp { margin-top: 6rem !important; } .mt65_sp { margin-top: 6.5rem !important; } .mt70_sp { margin-top: 7rem !important; } .mt75_sp { margin-top: 7.5rem !important; } .mt80_sp { margin-top: 8rem !important; } .mt85_sp { margin-top: 8.5rem !important; } .mt90_sp { margin-top: 9rem !important; } .mt95_sp { margin-top: 9.5rem !important; } .mt100_sp { margin-top: 10rem !important; } .ml0_sp { margin-left: 0rem !important; } .ml5_sp { margin-left: 0.5rem !important; } .ml10_sp { margin-left: 1rem !important; } .ml15_sp { margin-left: 1.5rem !important; } .ml20_sp { margin-left: 2rem !important; } .ml25_sp { margin-left: 2.5rem !important; } .ml30_sp { margin-left: 3rem !important; } .ml35_sp { margin-left: 3.5rem !important; } .ml40_sp { margin-left: 4rem !important; } .ml45_sp { margin-left: 4.5rem !important; } .ml50_sp { margin-left: 5rem !important; } .ml55_sp { margin-left: 5.5rem !important; } .ml60_sp { margin-left: 6rem !important; } .ml65_sp { margin-left: 6.5rem !important; } .ml70_sp { margin-left: 7rem !important; } .ml75_sp { margin-left: 7.5rem !important; } .ml80_sp { margin-left: 8rem !important; } .ml85_sp { margin-left: 8.5rem !important; } .ml90_sp { margin-left: 9rem !important; } .ml95_sp { margin-left: 9.5rem !important; } .ml100_sp { margin-left: 10rem !important; } .mr0_sp { margin-right: 0rem !important; } .mr5_sp { margin-right: 0.5rem !important; } .mr10_sp { margin-right: 1rem !important; } .mr15_sp { margin-right: 1.5rem !important; } .mr20_sp { margin-right: 2rem !important; } .mr25_sp { margin-right: 2.5rem !important; } .mr30_sp { margin-right: 3rem !important; } .mr35_sp { margin-right: 3.5rem !important; } .mr40_sp { margin-right: 4rem !important; } .mr45_sp { margin-right: 4.5rem !important; } .mr50_sp { margin-right: 5rem !important; } .mr55_sp { margin-right: 5.5rem !important; } .mr60_sp { margin-right: 6rem !important; } .mr65_sp { margin-right: 6.5rem !important; } .mr70_sp { margin-right: 7rem !important; } .mr75_sp { margin-right: 7.5rem !important; } .mr80_sp { margin-right: 8rem !important; } .mr85_sp { margin-right: 8.5rem !important; } .mr90_sp { margin-right: 9rem !important; } .mr95_sp { margin-right: 9.5rem !important; } .mr100_sp { margin-right: 10rem !important; } .mb0_sp { margin-bottom: 0rem !important; } .mb5_sp { margin-bottom: 0.5rem !important; } .mb10_sp { margin-bottom: 1rem !important; } .mb15_sp { margin-bottom: 1.5rem !important; } .mb20_sp { margin-bottom: 2rem !important; } .mb25_sp { margin-bottom: 2.5rem !important; } .mb30_sp { margin-bottom: 3rem !important; } .mb35_sp { margin-bottom: 3.5rem !important; } .mb40_sp { margin-bottom: 4rem !important; } .mb45_sp { margin-bottom: 4.5rem !important; } .mb50_sp { margin-bottom: 5rem !important; } .mb55_sp { margin-bottom: 5.5rem !important; } .mb60_sp { margin-bottom: 6rem !important; } .mb65_sp { margin-bottom: 6.5rem !important; } .mb70_sp { margin-bottom: 7rem !important; } .mb75_sp { margin-bottom: 7.5rem !important; } .mb80_sp { margin-bottom: 8rem !important; } .mb85_sp { margin-bottom: 8.5rem !important; } .mb90_sp { margin-bottom: 9rem !important; } .mb95_sp { margin-bottom: 9.5rem !important; } .mb100_sp { margin-bottom: 10rem !important; } .m-5_sp { margin: -0.5rem !important; } .m-10_sp { margin: -1rem !important; } .m-15_sp { margin: -1.5rem !important; } .m-20_sp { margin: -2rem !important; } .m-25_sp { margin: -2.5rem !important; } .m-30_sp { margin: -3rem !important; } .m-35_sp { margin: -3.5rem !important; } .m-40_sp { margin: -4rem !important; } .m-45_sp { margin: -4.5rem !important; } .m-50_sp { margin: -5rem !important; } .m-55_sp { margin: -5.5rem !important; } .m-60_sp { margin: -6rem !important; } .m-65_sp { margin: -6.5rem !important; } .m-70_sp { margin: -7rem !important; } .m-75_sp { margin: -7.5rem !important; } .m-80_sp { margin: -8rem !important; } .m-85_sp { margin: -8.5rem !important; } .m-90_sp { margin: -9rem !important; } .m-95_sp { margin: -9.5rem !important; } .m-100_sp { margin: -10rem !important; } .mt-5_sp { margin-top: -0.5rem !important; } .mt-10_sp { margin-top: -1rem !important; } .mt-15_sp { margin-top: -1.5rem !important; } .mt-20_sp { margin-top: -2rem !important; } .mt-25_sp { margin-top: -2.5rem !important; } .mt-30_sp { margin-top: -3rem !important; } .mt-35_sp { margin-top: -3.5rem !important; } .mt-40_sp { margin-top: -4rem !important; } .mt-45_sp { margin-top: -4.5rem !important; } .mt-50_sp { margin-top: -5rem !important; } .mt-55_sp { margin-top: -5.5rem !important; } .mt-60_sp { margin-top: -6rem !important; } .mt-65_sp { margin-top: -6.5rem !important; } .mt-70_sp { margin-top: -7rem !important; } .mt-75_sp { margin-top: -7.5rem !important; } .mt-80_sp { margin-top: -8rem !important; } .mt-85_sp { margin-top: -8.5rem !important; } .mt-90_sp { margin-top: -9rem !important; } .mt-95_sp { margin-top: -9.5rem !important; } .mt-100_sp { margin-top: -10rem !important; } .ml-5_sp { margin-left: -0.5rem !important; } .ml-10_sp { margin-left: -1rem !important; } .ml-15_sp { margin-left: -1.5rem !important; } .ml-20_sp { margin-left: -2rem !important; } .ml-25_sp { margin-left: -2.5rem !important; } .ml-30_sp { margin-left: -3rem !important; } .ml-35_sp { margin-left: -3.5rem !important; } .ml-40_sp { margin-left: -4rem !important; } .ml-45_sp { margin-left: -4.5rem !important; } .ml-50_sp { margin-left: -5rem !important; } .ml-55_sp { margin-left: -5.5rem !important; } .ml-60_sp { margin-left: -6rem !important; } .ml-65_sp { margin-left: -6.5rem !important; } .ml-70_sp { margin-left: -7rem !important; } .ml-75_sp { margin-left: -7.5rem !important; } .ml-80_sp { margin-left: -8rem !important; } .ml-85_sp { margin-left: -8.5rem !important; } .ml-90_sp { margin-left: -9rem !important; } .ml-95_sp { margin-left: -9.5rem !important; } .ml-100_sp { margin-left: -10rem !important; } .mr-5_sp { margin-right: -0.5rem !important; } .mr-10_sp { margin-right: -1rem !important; } .mr-15_sp { margin-right: -1.5rem !important; } .mr-20_sp { margin-right: -2rem !important; } .mr-25_sp { margin-right: -2.5rem !important; } .mr-30_sp { margin-right: -3rem !important; } .mr-35_sp { margin-right: -3.5rem !important; } .mr-40_sp { margin-right: -4rem !important; } .mr-45_sp { margin-right: -4.5rem !important; } .mr-50_sp { margin-right: -5rem !important; } .mr-55_sp { margin-right: -5.5rem !important; } .mr-60_sp { margin-right: -6rem !important; } .mr-65_sp { margin-right: -6.5rem !important; } .mr-70_sp { margin-right: -7rem !important; } .mr-75_sp { margin-right: -7.5rem !important; } .mr-80_sp { margin-right: -8rem !important; } .mr-85_sp { margin-right: -8.5rem !important; } .mr-90_sp { margin-right: -9rem !important; } .mr-95_sp { margin-right: -9.5rem !important; } .mr-100_sp { margin-right: -10rem !important; } .mb-5_sp { margin-bottom: -0.5rem !important; } .mb-10_sp { margin-bottom: -1rem !important; } .mb-15_sp { margin-bottom: -1.5rem !important; } .mb-20_sp { margin-bottom: -2rem !important; } .mb-25_sp { margin-bottom: -2.5rem !important; } .mb-30_sp { margin-bottom: -3rem !important; } .mb-35_sp { margin-bottom: -3.5rem !important; } .mb-40_sp { margin-bottom: -4rem !important; } .mb-45_sp { margin-bottom: -4.5rem !important; } .mb-50_sp { margin-bottom: -5rem !important; } .mb-55_sp { margin-bottom: -5.5rem !important; } .mb-60_sp { margin-bottom: -6rem !important; } .mb-65_sp { margin-bottom: -6.5rem !important; } .mb-70_sp { margin-bottom: -7rem !important; } .mb-75_sp { margin-bottom: -7.5rem !important; } .mb-80_sp { margin-bottom: -8rem !important; } .mb-85_sp { margin-bottom: -8.5rem !important; } .mb-90_sp { margin-bottom: -9rem !important; } .mb-95_sp { margin-bottom: -9.5rem !important; } .mb-100_sp { margin-bottom: -10rem !important; } .p0_sp { padding: 0rem !important; } .p5_sp { padding: 0.5rem !important; } .p10_sp { padding: 1rem !important; } .p15_sp { padding: 1.5rem !important; } .p20_sp { padding: 2rem !important; } .p25_sp { padding: 2.5rem !important; } .p30_sp { padding: 3rem !important; } .p35_sp { padding: 3.5rem !important; } .p40_sp { padding: 4rem !important; } .p45_sp { padding: 4.5rem !important; } .p50_sp { padding: 5rem !important; } .p55_sp { padding: 5.5rem !important; } .p60_sp { padding: 6rem !important; } .p65_sp { padding: 6.5rem !important; } .p70_sp { padding: 7rem !important; } .p75_sp { padding: 7.5rem !important; } .p80_sp { padding: 8rem !important; } .p85_sp { padding: 8.5rem !important; } .p90_sp { padding: 9rem !important; } .p95_sp { padding: 9.5rem !important; } .p100_sp { padding: 10rem !important; } .pt0_sp { padding-top: 0rem !important; } .pt5_sp { padding-top: 0.5rem !important; } .pt10_sp { padding-top: 1rem !important; } .pt15_sp { padding-top: 1.5rem !important; } .pt20_sp { padding-top: 2rem !important; } .pt25_sp { padding-top: 2.5rem !important; } .pt30_sp { padding-top: 3rem !important; } .pt35_sp { padding-top: 3.5rem !important; } .pt40_sp { padding-top: 4rem !important; } .pt45_sp { padding-top: 4.5rem !important; } .pt50_sp { padding-top: 5rem !important; } .pt55_sp { padding-top: 5.5rem !important; } .pt60_sp { padding-top: 6rem !important; } .pt65_sp { padding-top: 6.5rem !important; } .pt70_sp { padding-top: 7rem !important; } .pt75_sp { padding-top: 7.5rem !important; } .pt80_sp { padding-top: 8rem !important; } .pt85_sp { padding-top: 8.5rem !important; } .pt90_sp { padding-top: 9rem !important; } .pt95_sp { padding-top: 9.5rem !important; } .pt100_sp { padding-top: 10rem !important; } .pl0_sp { padding-left: 0rem !important; } .pl5_sp { padding-left: 0.5rem !important; } .pl10_sp { padding-left: 1rem !important; } .pl15_sp { padding-left: 1.5rem !important; } .pl20_sp { padding-left: 2rem !important; } .pl25_sp { padding-left: 2.5rem !important; } .pl30_sp { padding-left: 3rem !important; } .pl35_sp { padding-left: 3.5rem !important; } .pl40_sp { padding-left: 4rem !important; } .pl45_sp { padding-left: 4.5rem !important; } .pl50_sp { padding-left: 5rem !important; } .pl55_sp { padding-left: 5.5rem !important; } .pl60_sp { padding-left: 6rem !important; } .pl65_sp { padding-left: 6.5rem !important; } .pl70_sp { padding-left: 7rem !important; } .pl75_sp { padding-left: 7.5rem !important; } .pl80_sp { padding-left: 8rem !important; } .pl85_sp { padding-left: 8.5rem !important; } .pl90_sp { padding-left: 9rem !important; } .pl95_sp { padding-left: 9.5rem !important; } .pl100_sp { padding-left: 10rem !important; } .pr0_sp { padding-right: 0rem !important; } .pr5_sp { padding-right: 0.5rem !important; } .pr10_sp { padding-right: 1rem !important; } .pr15_sp { padding-right: 1.5rem !important; } .pr20_sp { padding-right: 2rem !important; } .pr25_sp { padding-right: 2.5rem !important; } .pr30_sp { padding-right: 3rem !important; } .pr35_sp { padding-right: 3.5rem !important; } .pr40_sp { padding-right: 4rem !important; } .pr45_sp { padding-right: 4.5rem !important; } .pr50_sp { padding-right: 5rem !important; } .pr55_sp { padding-right: 5.5rem !important; } .pr60_sp { padding-right: 6rem !important; } .pr65_sp { padding-right: 6.5rem !important; } .pr70_sp { padding-right: 7rem !important; } .pr75_sp { padding-right: 7.5rem !important; } .pr80_sp { padding-right: 8rem !important; } .pr85_sp { padding-right: 8.5rem !important; } .pr90_sp { padding-right: 9rem !important; } .pr95_sp { padding-right: 9.5rem !important; } .pr100_sp { padding-right: 10rem !important; } .pb0_sp { padding-bottom: 0rem !important; } .pb5_sp { padding-bottom: 0.5rem !important; } .pb10_sp { padding-bottom: 1rem !important; } .pb15_sp { padding-bottom: 1.5rem !important; } .pb20_sp { padding-bottom: 2rem !important; } .pb25_sp { padding-bottom: 2.5rem !important; } .pb30_sp { padding-bottom: 3rem !important; } .pb35_sp { padding-bottom: 3.5rem !important; } .pb40_sp { padding-bottom: 4rem !important; } .pb45_sp { padding-bottom: 4.5rem !important; } .pb50_sp { padding-bottom: 5rem !important; } .pb55_sp { padding-bottom: 5.5rem !important; } .pb60_sp { padding-bottom: 6rem !important; } .pb65_sp { padding-bottom: 6.5rem !important; } .pb70_sp { padding-bottom: 7rem !important; } .pb75_sp { padding-bottom: 7.5rem !important; } .pb80_sp { padding-bottom: 8rem !important; } .pb85_sp { padding-bottom: 8.5rem !important; } .pb90_sp { padding-bottom: 9rem !important; } .pb95_sp { padding-bottom: 9.5rem !important; } .pb100_sp { padding-bottom: 10rem !important; } .p-5_sp { padding: -0.5rem !important; } .p-10_sp { padding: -1rem !important; } .p-15_sp { padding: -1.5rem !important; } .p-20_sp { padding: -2rem !important; } .p-25_sp { padding: -2.5rem !important; } .p-30_sp { padding: -3rem !important; } .p-35_sp { padding: -3.5rem !important; } .p-40_sp { padding: -4rem !important; } .p-45_sp { padding: -4.5rem !important; } .p-50_sp { padding: -5rem !important; } .p-55_sp { padding: -5.5rem !important; } .p-60_sp { padding: -6rem !important; } .p-65_sp { padding: -6.5rem !important; } .p-70_sp { padding: -7rem !important; } .p-75_sp { padding: -7.5rem !important; } .p-80_sp { padding: -8rem !important; } .p-85_sp { padding: -8.5rem !important; } .p-90_sp { padding: -9rem !important; } .p-95_sp { padding: -9.5rem !important; } .p-100_sp { padding: -10rem !important; } .pt-5_sp { padding-top: -0.5rem !important; } .pt-10_sp { padding-top: -1rem !important; } .pt-15_sp { padding-top: -1.5rem !important; } .pt-20_sp { padding-top: -2rem !important; } .pt-25_sp { padding-top: -2.5rem !important; } .pt-30_sp { padding-top: -3rem !important; } .pt-35_sp { padding-top: -3.5rem !important; } .pt-40_sp { padding-top: -4rem !important; } .pt-45_sp { padding-top: -4.5rem !important; } .pt-50_sp { padding-top: -5rem !important; } .pt-55_sp { padding-top: -5.5rem !important; } .pt-60_sp { padding-top: -6rem !important; } .pt-65_sp { padding-top: -6.5rem !important; } .pt-70_sp { padding-top: -7rem !important; } .pt-75_sp { padding-top: -7.5rem !important; } .pt-80_sp { padding-top: -8rem !important; } .pt-85_sp { padding-top: -8.5rem !important; } .pt-90_sp { padding-top: -9rem !important; } .pt-95_sp { padding-top: -9.5rem !important; } .pt-100_sp { padding-top: -10rem !important; } .pl-5_sp { padding-left: -0.5rem !important; } .pl-10_sp { padding-left: -1rem !important; } .pl-15_sp { padding-left: -1.5rem !important; } .pl-20_sp { padding-left: -2rem !important; } .pl-25_sp { padding-left: -2.5rem !important; } .pl-30_sp { padding-left: -3rem !important; } .pl-35_sp { padding-left: -3.5rem !important; } .pl-40_sp { padding-left: -4rem !important; } .pl-45_sp { padding-left: -4.5rem !important; } .pl-50_sp { padding-left: -5rem !important; } .pl-55_sp { padding-left: -5.5rem !important; } .pl-60_sp { padding-left: -6rem !important; } .pl-65_sp { padding-left: -6.5rem !important; } .pl-70_sp { padding-left: -7rem !important; } .pl-75_sp { padding-left: -7.5rem !important; } .pl-80_sp { padding-left: -8rem !important; } .pl-85_sp { padding-left: -8.5rem !important; } .pl-90_sp { padding-left: -9rem !important; } .pl-95_sp { padding-left: -9.5rem !important; } .pl-100_sp { padding-left: -10rem !important; } .pr-5_sp { padding-right: -0.5rem !important; } .pr-10_sp { padding-right: -1rem !important; } .pr-15_sp { padding-right: -1.5rem !important; } .pr-20_sp { padding-right: -2rem !important; } .pr-25_sp { padding-right: -2.5rem !important; } .pr-30_sp { padding-right: -3rem !important; } .pr-35_sp { padding-right: -3.5rem !important; } .pr-40_sp { padding-right: -4rem !important; } .pr-45_sp { padding-right: -4.5rem !important; } .pr-50_sp { padding-right: -5rem !important; } .pr-55_sp { padding-right: -5.5rem !important; } .pr-60_sp { padding-right: -6rem !important; } .pr-65_sp { padding-right: -6.5rem !important; } .pr-70_sp { padding-right: -7rem !important; } .pr-75_sp { padding-right: -7.5rem !important; } .pr-80_sp { padding-right: -8rem !important; } .pr-85_sp { padding-right: -8.5rem !important; } .pr-90_sp { padding-right: -9rem !important; } .pr-95_sp { padding-right: -9.5rem !important; } .pr-100_sp { padding-right: -10rem !important; } .pb-5_sp { padding-bottom: -0.5rem !important; } .pb-10_sp { padding-bottom: -1rem !important; } .pb-15_sp { padding-bottom: -1.5rem !important; } .pb-20_sp { padding-bottom: -2rem !important; } .pb-25_sp { padding-bottom: -2.5rem !important; } .pb-30_sp { padding-bottom: -3rem !important; } .pb-35_sp { padding-bottom: -3.5rem !important; } .pb-40_sp { padding-bottom: -4rem !important; } .pb-45_sp { padding-bottom: -4.5rem !important; } .pb-50_sp { padding-bottom: -5rem !important; } .pb-55_sp { padding-bottom: -5.5rem !important; } .pb-60_sp { padding-bottom: -6rem !important; } .pb-65_sp { padding-bottom: -6.5rem !important; } .pb-70_sp { padding-bottom: -7rem !important; } .pb-75_sp { padding-bottom: -7.5rem !important; } .pb-80_sp { padding-bottom: -8rem !important; } .pb-85_sp { padding-bottom: -8.5rem !important; } .pb-90_sp { padding-bottom: -9rem !important; } .pb-95_sp { padding-bottom: -9.5rem !important; } .pb-100_sp { padding-bottom: -10rem !important; } } html { font-size: 62.5%; line-height: 1; text-size-adjust: 100%; /* iOS 8+ */ } body { -webkit-text-size-adjust: 100%; min-width: calc(1200px + 4rem); font-size: 1.6rem; color: #333; line-height: 1; letter-spacing: 0.04em; word-break: break-word; -webkit-overflow-scrolling: touch; } @media screen and (max-width: 834px) { body { min-width: 375px; font-size: 1.4rem; } } summary::-webkit-details-marker { display: none; } img { vertical-align: middle; } input::placeholder, textarea::placeholder { color: #222; } .legacy a:not(.movie-list-img-link)[target=_blank]::after, .legacy a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy a:not(.movie-list-img-link)[href$=".PDF"]::after, .legacy a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy a:not(.movie-list-img-link)[href$=".ODT"]::after, .legacy a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLSX"]::after, .legacy a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy a:not(.movie-list-img-link)[href$=".ZIP"]::after, .legacy p a[target=_blank]::after, .legacy li a[target=_blank]::after, .legacy .link a[target=_blank]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[target=_blank]::after, .legacy p a[href$=".pdf"]::after, .legacy p a[href$=".PDF"]::after, .legacy p a[href$=".doc"]::after, .legacy p a[href$=".DOC"]::after, .legacy p a[href$=".docx"]::after, .legacy p a[href$=".DOCX"]::after, .legacy p a[href$=".odt"]::after, .legacy p a[href$=".ODT"]::after, .legacy p a[href$=".xls"]::after, .legacy p a[href$=".XLS"]::after, .legacy p a[href$=".xlsx"]::after, .legacy p a[href$=".XLSX"]::after, .legacy p a[href$=".zip"]::after, .legacy p a[href$=".ZIP"]::after, .legacy li a[href$=".pdf"]::after, .legacy li a[href$=".PDF"]::after, .legacy li a[href$=".doc"]::after, .legacy li a[href$=".DOC"]::after, .legacy li a[href$=".docx"]::after, .legacy li a[href$=".DOCX"]::after, .legacy li a[href$=".odt"]::after, .legacy li a[href$=".ODT"]::after, .legacy li a[href$=".xls"]::after, .legacy li a[href$=".XLS"]::after, .legacy li a[href$=".xlsx"]::after, .legacy li a[href$=".XLSX"]::after, .legacy li a[href$=".zip"]::after, .legacy li a[href$=".ZIP"]::after, .legacy .link a[href$=".pdf"]::after, .legacy .link a[href$=".PDF"]::after, .legacy .link a[href$=".doc"]::after, .legacy .link a[href$=".DOC"]::after, .legacy .link a[href$=".docx"]::after, .legacy .link a[href$=".DOCX"]::after, .legacy .link a[href$=".odt"]::after, .legacy .link a[href$=".ODT"]::after, .legacy .link a[href$=".xls"]::after, .legacy .link a[href$=".XLS"]::after, .legacy .link a[href$=".xlsx"]::after, .legacy .link a[href$=".XLSX"]::after, .legacy .link a[href$=".zip"]::after, .legacy .link a[href$=".ZIP"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".PDF"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ODT"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLSX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ZIP"]::after, .legacy .contact-box a[target=_blank]::after, .legacy .contact-box a[href$=".pdf"]::after, .legacy .contact-box a[href$=".PDF"]::after, .legacy .contact-box a[href$=".doc"]::after, .legacy .contact-box a[href$=".DOC"]::after, .legacy .contact-box a[href$=".docx"]::after, .legacy .contact-box a[href$=".DOCX"]::after, .legacy .contact-box a[href$=".odt"]::after, .legacy .contact-box a[href$=".ODT"]::after, .legacy .contact-box a[href$=".xls"]::after, .legacy .contact-box a[href$=".XLS"]::after, .legacy .contact-box a[href$=".xlsx"]::after, .legacy .contact-box a[href$=".XLSX"]::after, .legacy .contact-box a[href$=".zip"]::after, .legacy .contact-box a[href$=".ZIP"]::after, .legacy .training-box a[target=_blank]::after, .legacy .training-box a[href$=".pdf"]::after, .legacy .training-box a[href$=".PDF"]::after, .legacy .training-box a[href$=".doc"]::after, .legacy .training-box a[href$=".DOC"]::after, .legacy .training-box a[href$=".docx"]::after, .legacy .training-box a[href$=".DOCX"]::after, .legacy .training-box a[href$=".odt"]::after, .legacy .training-box a[href$=".ODT"]::after, .legacy .training-box a[href$=".xls"]::after, .legacy .training-box a[href$=".XLS"]::after, .legacy .training-box a[href$=".xlsx"]::after, .legacy .training-box a[href$=".XLSX"]::after, .legacy .training-box a[href$=".zip"]::after, .legacy .training-box a[href$=".ZIP"]::after, .legacy .link-btn a[target=_blank] span::after, .legacy .link-btn a[href$=".pdf"] span::after, .legacy .link-btn a[href$=".PDF"] span::after, .legacy .link-btn a[href$=".doc"] span::after, .legacy .link-btn a[href$=".DOC"] span::after, .legacy .link-btn a[href$=".docx"] span::after, .legacy .link-btn a[href$=".DOCX"] span::after, .legacy .link-btn a[href$=".odt"] span::after, .legacy .link-btn a[href$=".ODT"] span::after, .legacy .link-btn a[href$=".xls"] span::after, .legacy .link-btn a[href$=".XLS"] span::after, .legacy .link-btn a[href$=".xlsx"] span::after, .legacy .link-btn a[href$=".XLSX"] span::after, .legacy .link-btn a[href$=".zip"] span::after, .legacy .link-btn a[href$=".ZIP"] span::after, .link-icon--out, .link-icon--file, .link-icon--zip, .link-icon--xls, .link-icon--doc, .link-icon--pdf { display: inline-block; } @media screen and (min-width: 835px), print { .legacy a:not(.movie-list-img-link)[target=_blank]::after, .legacy a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy a:not(.movie-list-img-link)[href$=".PDF"]::after, .legacy a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy a:not(.movie-list-img-link)[href$=".ODT"]::after, .legacy a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLSX"]::after, .legacy a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy a:not(.movie-list-img-link)[href$=".ZIP"]::after, .legacy p a[target=_blank]::after, .legacy li a[target=_blank]::after, .legacy .link a[target=_blank]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[target=_blank]::after, .legacy p a[href$=".pdf"]::after, .legacy p a[href$=".PDF"]::after, .legacy p a[href$=".doc"]::after, .legacy p a[href$=".DOC"]::after, .legacy p a[href$=".docx"]::after, .legacy p a[href$=".DOCX"]::after, .legacy p a[href$=".odt"]::after, .legacy p a[href$=".ODT"]::after, .legacy p a[href$=".xls"]::after, .legacy p a[href$=".XLS"]::after, .legacy p a[href$=".xlsx"]::after, .legacy p a[href$=".XLSX"]::after, .legacy p a[href$=".zip"]::after, .legacy p a[href$=".ZIP"]::after, .legacy li a[href$=".pdf"]::after, .legacy li a[href$=".PDF"]::after, .legacy li a[href$=".doc"]::after, .legacy li a[href$=".DOC"]::after, .legacy li a[href$=".docx"]::after, .legacy li a[href$=".DOCX"]::after, .legacy li a[href$=".odt"]::after, .legacy li a[href$=".ODT"]::after, .legacy li a[href$=".xls"]::after, .legacy li a[href$=".XLS"]::after, .legacy li a[href$=".xlsx"]::after, .legacy li a[href$=".XLSX"]::after, .legacy li a[href$=".zip"]::after, .legacy li a[href$=".ZIP"]::after, .legacy .link a[href$=".pdf"]::after, .legacy .link a[href$=".PDF"]::after, .legacy .link a[href$=".doc"]::after, .legacy .link a[href$=".DOC"]::after, .legacy .link a[href$=".docx"]::after, .legacy .link a[href$=".DOCX"]::after, .legacy .link a[href$=".odt"]::after, .legacy .link a[href$=".ODT"]::after, .legacy .link a[href$=".xls"]::after, .legacy .link a[href$=".XLS"]::after, .legacy .link a[href$=".xlsx"]::after, .legacy .link a[href$=".XLSX"]::after, .legacy .link a[href$=".zip"]::after, .legacy .link a[href$=".ZIP"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".PDF"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ODT"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLSX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ZIP"]::after, .legacy .contact-box a[target=_blank]::after, .legacy .contact-box a[href$=".pdf"]::after, .legacy .contact-box a[href$=".PDF"]::after, .legacy .contact-box a[href$=".doc"]::after, .legacy .contact-box a[href$=".DOC"]::after, .legacy .contact-box a[href$=".docx"]::after, .legacy .contact-box a[href$=".DOCX"]::after, .legacy .contact-box a[href$=".odt"]::after, .legacy .contact-box a[href$=".ODT"]::after, .legacy .contact-box a[href$=".xls"]::after, .legacy .contact-box a[href$=".XLS"]::after, .legacy .contact-box a[href$=".xlsx"]::after, .legacy .contact-box a[href$=".XLSX"]::after, .legacy .contact-box a[href$=".zip"]::after, .legacy .contact-box a[href$=".ZIP"]::after, .legacy .training-box a[target=_blank]::after, .legacy .training-box a[href$=".pdf"]::after, .legacy .training-box a[href$=".PDF"]::after, .legacy .training-box a[href$=".doc"]::after, .legacy .training-box a[href$=".DOC"]::after, .legacy .training-box a[href$=".docx"]::after, .legacy .training-box a[href$=".DOCX"]::after, .legacy .training-box a[href$=".odt"]::after, .legacy .training-box a[href$=".ODT"]::after, .legacy .training-box a[href$=".xls"]::after, .legacy .training-box a[href$=".XLS"]::after, .legacy .training-box a[href$=".xlsx"]::after, .legacy .training-box a[href$=".XLSX"]::after, .legacy .training-box a[href$=".zip"]::after, .legacy .training-box a[href$=".ZIP"]::after, .legacy .link-btn a[target=_blank] span::after, .legacy .link-btn a[href$=".pdf"] span::after, .legacy .link-btn a[href$=".PDF"] span::after, .legacy .link-btn a[href$=".doc"] span::after, .legacy .link-btn a[href$=".DOC"] span::after, .legacy .link-btn a[href$=".docx"] span::after, .legacy .link-btn a[href$=".DOCX"] span::after, .legacy .link-btn a[href$=".odt"] span::after, .legacy .link-btn a[href$=".ODT"] span::after, .legacy .link-btn a[href$=".xls"] span::after, .legacy .link-btn a[href$=".XLS"] span::after, .legacy .link-btn a[href$=".xlsx"] span::after, .legacy .link-btn a[href$=".XLSX"] span::after, .legacy .link-btn a[href$=".zip"] span::after, .legacy .link-btn a[href$=".ZIP"] span::after, .link-icon--out, .link-icon--file, .link-icon--zip, .link-icon--xls, .link-icon--doc, .link-icon--pdf { margin-left: 0.6rem; margin-right: 0.4rem; } } @media screen and (max-width: 834px) { .legacy a:not(.movie-list-img-link)[target=_blank]::after, .legacy a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy a:not(.movie-list-img-link)[href$=".PDF"]::after, .legacy a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy a:not(.movie-list-img-link)[href$=".ODT"]::after, .legacy a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLSX"]::after, .legacy a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy a:not(.movie-list-img-link)[href$=".ZIP"]::after, .legacy p a[target=_blank]::after, .legacy li a[target=_blank]::after, .legacy .link a[target=_blank]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[target=_blank]::after, .legacy p a[href$=".pdf"]::after, .legacy p a[href$=".PDF"]::after, .legacy p a[href$=".doc"]::after, .legacy p a[href$=".DOC"]::after, .legacy p a[href$=".docx"]::after, .legacy p a[href$=".DOCX"]::after, .legacy p a[href$=".odt"]::after, .legacy p a[href$=".ODT"]::after, .legacy p a[href$=".xls"]::after, .legacy p a[href$=".XLS"]::after, .legacy p a[href$=".xlsx"]::after, .legacy p a[href$=".XLSX"]::after, .legacy p a[href$=".zip"]::after, .legacy p a[href$=".ZIP"]::after, .legacy li a[href$=".pdf"]::after, .legacy li a[href$=".PDF"]::after, .legacy li a[href$=".doc"]::after, .legacy li a[href$=".DOC"]::after, .legacy li a[href$=".docx"]::after, .legacy li a[href$=".DOCX"]::after, .legacy li a[href$=".odt"]::after, .legacy li a[href$=".ODT"]::after, .legacy li a[href$=".xls"]::after, .legacy li a[href$=".XLS"]::after, .legacy li a[href$=".xlsx"]::after, .legacy li a[href$=".XLSX"]::after, .legacy li a[href$=".zip"]::after, .legacy li a[href$=".ZIP"]::after, .legacy .link a[href$=".pdf"]::after, .legacy .link a[href$=".PDF"]::after, .legacy .link a[href$=".doc"]::after, .legacy .link a[href$=".DOC"]::after, .legacy .link a[href$=".docx"]::after, .legacy .link a[href$=".DOCX"]::after, .legacy .link a[href$=".odt"]::after, .legacy .link a[href$=".ODT"]::after, .legacy .link a[href$=".xls"]::after, .legacy .link a[href$=".XLS"]::after, .legacy .link a[href$=".xlsx"]::after, .legacy .link a[href$=".XLSX"]::after, .legacy .link a[href$=".zip"]::after, .legacy .link a[href$=".ZIP"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".PDF"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ODT"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLSX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ZIP"]::after, .legacy .contact-box a[target=_blank]::after, .legacy .contact-box a[href$=".pdf"]::after, .legacy .contact-box a[href$=".PDF"]::after, .legacy .contact-box a[href$=".doc"]::after, .legacy .contact-box a[href$=".DOC"]::after, .legacy .contact-box a[href$=".docx"]::after, .legacy .contact-box a[href$=".DOCX"]::after, .legacy .contact-box a[href$=".odt"]::after, .legacy .contact-box a[href$=".ODT"]::after, .legacy .contact-box a[href$=".xls"]::after, .legacy .contact-box a[href$=".XLS"]::after, .legacy .contact-box a[href$=".xlsx"]::after, .legacy .contact-box a[href$=".XLSX"]::after, .legacy .contact-box a[href$=".zip"]::after, .legacy .contact-box a[href$=".ZIP"]::after, .legacy .training-box a[target=_blank]::after, .legacy .training-box a[href$=".pdf"]::after, .legacy .training-box a[href$=".PDF"]::after, .legacy .training-box a[href$=".doc"]::after, .legacy .training-box a[href$=".DOC"]::after, .legacy .training-box a[href$=".docx"]::after, .legacy .training-box a[href$=".DOCX"]::after, .legacy .training-box a[href$=".odt"]::after, .legacy .training-box a[href$=".ODT"]::after, .legacy .training-box a[href$=".xls"]::after, .legacy .training-box a[href$=".XLS"]::after, .legacy .training-box a[href$=".xlsx"]::after, .legacy .training-box a[href$=".XLSX"]::after, .legacy .training-box a[href$=".zip"]::after, .legacy .training-box a[href$=".ZIP"]::after, .legacy .link-btn a[target=_blank] span::after, .legacy .link-btn a[href$=".pdf"] span::after, .legacy .link-btn a[href$=".PDF"] span::after, .legacy .link-btn a[href$=".doc"] span::after, .legacy .link-btn a[href$=".DOC"] span::after, .legacy .link-btn a[href$=".docx"] span::after, .legacy .link-btn a[href$=".DOCX"] span::after, .legacy .link-btn a[href$=".odt"] span::after, .legacy .link-btn a[href$=".ODT"] span::after, .legacy .link-btn a[href$=".xls"] span::after, .legacy .link-btn a[href$=".XLS"] span::after, .legacy .link-btn a[href$=".xlsx"] span::after, .legacy .link-btn a[href$=".XLSX"] span::after, .legacy .link-btn a[href$=".zip"] span::after, .legacy .link-btn a[href$=".ZIP"] span::after, .link-icon--out, .link-icon--file, .link-icon--zip, .link-icon--xls, .link-icon--doc, .link-icon--pdf { margin-left: 0.3rem; margin-right: 0.3rem; } } @media screen and (min-width: 835px), print { .link-icon--pdf { width: 2.2rem; height: 2.2rem; margin-bottom: -0.3rem; } } @media screen and (max-width: 834px) { .link-icon--pdf { width: 1.4rem; height: 1.4rem; margin-bottom: -0.2rem; } } .link-icon--pdf svg { display: block; width: auto; height: 100%; } @media screen and (min-width: 835px), print { .link-icon--doc { width: 2.2rem; height: 2.2rem; margin-bottom: -0.3rem; } } @media screen and (max-width: 834px) { .link-icon--doc { width: 1.4rem; height: 1.4rem; margin-bottom: -0.2rem; } } .link-icon--doc svg { display: block; width: auto; height: 100%; } @media screen and (min-width: 835px), print { .link-icon--xls { width: 2.2rem; height: 2.2rem; margin-bottom: -0.3rem; } } @media screen and (max-width: 834px) { .link-icon--xls { width: 1.4rem; height: 1.4rem; margin-bottom: -0.2rem; } } .link-icon--xls svg { display: block; width: auto; height: 100%; } @media screen and (min-width: 835px), print { .link-icon--zip { width: 2.2rem; height: 2.2rem; margin-bottom: -0.3rem; } } @media screen and (max-width: 834px) { .link-icon--zip { width: 1.4rem; height: 1.4rem; margin-bottom: -0.2rem; } } .link-icon--zip svg { display: block; width: auto; height: 100%; } @media screen and (min-width: 835px), print { .link-icon--file { width: 2.2rem; height: 2.2rem; margin-bottom: -0.3rem; } } @media screen and (max-width: 834px) { .link-icon--file { width: 1.4rem; height: 1.4rem; margin-bottom: -0.2rem; } } .link-icon--file svg { display: block; width: auto; height: 100%; } @media screen and (min-width: 835px), print { .link-icon--out { width: 1.5rem; height: 1.5rem; margin-bottom: -0.2rem; } } @media screen and (max-width: 834px) { .link-icon--out { width: 1.2rem; height: 1.2rem; margin-bottom: -0.1rem; } } .link-icon--out svg { display: block; width: 100%; height: auto; } @media screen and (max-width: 834px) { .link-icon--rss { width: 1.1rem; } } @media screen and (min-width: 835px), print { .link-icon--rss { width: 1.3rem; } } .link-icon--rss svg { width: 100%; } .footer__inner, .search__window, .global-menu__inner, .contents, .kyosai-contact .counseling-room__inner, .incubation-sub-category-top__strong-point__inner, .keyword, .news-area__inner, .slide.disabled, .breadcrumb, .category-ttl[data-type=text-box] .category-ttl__txt { max-width: calc(1200px + 4rem); padding-left: 2rem; padding-right: 2rem; margin-left: auto; margin-right: auto; } .content-over { margin-left: calc(50% - var(--vw) * 50); margin-right: calc(50% - var(--vw) * 50); } @media screen and (max-width: 1260px), print { .content-over { margin-left: -2rem; margin-right: -2rem; } } .category-ttl { width: 100%; position: relative; } .category-ttl__inner { position: relative; } .category-ttl img { width: 100%; } .category-ttl__txt { width: 100%; display: flex; align-items: center; font-weight: 700; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } @media screen and (max-width: 834px) { .category-ttl__txt { padding: 0 6.93vw; gap: 0.7rem; } } @media screen and (min-width: 835px), print { .category-ttl__txt { padding: 0 10.1vw; gap: 1.4rem; } } .category-ttl__txt .ttl { line-height: 1.3913043478; } @media screen and (min-width: 835px), print { .category-ttl__txt .ttl { font-size: 4.4rem; } } @media screen and (max-width: 834px) { .category-ttl__txt .ttl { font-size: 2.3rem; } } .category-ttl__txt .subttl { line-height: 1.5; } @media screen and (min-width: 835px), print { .category-ttl__txt .subttl { font-size: 2.6rem; } } @media screen and (max-width: 834px) { .category-ttl__txt .subttl { font-size: 1.3rem; } } .category-ttl[data-type=white] .category-ttl__txt { color: #fff; } .category-ttl:not([data-type]) { border-bottom: 0.2rem solid #cb2c00; } .category-ttl[data-type=two-col] { display: flex; border-bottom: 1px solid #bbb; } @media screen and (max-width: 834px) { .category-ttl[data-type=two-col] { flex-direction: column; border-bottom: none; position: relative; margin-bottom: 12.5rem; } } .category-ttl[data-type=two-col] .category-ttl__txt { justify-content: center; flex-direction: column; position: relative; transform: translate(0); align-items: normal; width: 50%; padding: 0; } @media screen and (max-width: 834px) { .category-ttl[data-type=two-col] .category-ttl__txt { order: 2; width: 100%; } } .category-ttl[data-type=two-col] .category-ttl__txt .category-ttl__inner { padding-right: 4rem; margin-left: auto; } @media screen and (min-width: 835px), print { .category-ttl[data-type=two-col] .category-ttl__txt .category-ttl__inner { width: 60rem; } } @media screen and (max-width: 834px) { .category-ttl[data-type=two-col] .category-ttl__txt .category-ttl__inner { width: calc(100% - 4rem); background-color: #fff; border: 1px solid #bbb; padding: 1.5rem; position: absolute; bottom: -13.7rem; left: 50%; transform: translateX(-50%); } } .category-ttl[data-type=two-col] .category-ttl__txt .ttl { font-size: 3.6rem; position: relative; padding-left: 2.5rem; margin-bottom: 2rem; } @media screen and (max-width: 834px) { .category-ttl[data-type=two-col] .category-ttl__txt .ttl { font-size: 2.3rem; padding-left: 1.5rem; margin-bottom: 1.5rem; } } .category-ttl[data-type=two-col] .category-ttl__txt .ttl::before { content: ""; width: 0.6rem; height: 4rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #e0481d; } @media screen and (max-width: 834px) { .category-ttl[data-type=two-col] .category-ttl__txt .ttl::before { width: 0.5rem; height: 2.5rem; top: 0.5rem; transform: translateY(0); } } .category-ttl[data-type=two-col] .category-ttl__txt .subttl { font-size: 2.6rem; margin-bottom: 1.5rem; } @media screen and (max-width: 834px) { .category-ttl[data-type=two-col] .category-ttl__txt .subttl { font-size: 1.7rem; } } .category-ttl[data-type=two-col] .category-ttl__txt .subText { font-weight: 500; line-height: 1.5; } .category-ttl[data-type=two-col] .category-ttl__txt .subLink { display: inline-block; margin-top: 2rem; color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .category-ttl[data-type=two-col] .category-ttl__txt .subLink:focus-visible { text-decoration: none; } @media (hover: hover) { .category-ttl[data-type=two-col] .category-ttl__txt .subLink:hover { text-decoration: none; } } @media (hover: none) { .category-ttl[data-type=two-col] .category-ttl__txt .subLink:active { text-decoration: none; } } .category-ttl[data-type=two-col] .category-ttl__txt .subLink:focus-visible { color: #cb2c00; transition-duration: 300ms; } @media (hover: hover) { .category-ttl[data-type=two-col] .category-ttl__txt .subLink:hover { color: #cb2c00; transition-duration: 300ms; } } @media (hover: none) { .category-ttl[data-type=two-col] .category-ttl__txt .subLink:active { color: #cb2c00; transition-duration: 300ms; } } .category-ttl[data-type=two-col] picture { width: 50%; } @media screen and (max-width: 834px) { .category-ttl[data-type=two-col] picture { width: 100%; } } .category-ttl[data-type=two-col] picture img { display: block; } .category-ttl[data-type=region] { display: flex; border-bottom: 1px solid #bbb; position: relative; } @media screen and (max-width: 834px) { .category-ttl[data-type=region] { flex-direction: column; border-bottom: none; position: relative; } } .category-ttl[data-type=region] .category-ttl__txt { justify-content: center; flex-direction: column; position: relative; transform: translate(0); align-items: normal; width: 46%; padding: 0; } @media screen and (max-width: 834px) { .category-ttl[data-type=region] .category-ttl__txt { order: 1; width: 100%; } } .category-ttl[data-type=region] .category-ttl__txt .category-ttl__inner { max-width: 55rem; display: flex; align-items: center; margin-left: auto; gap: 3rem; } @media screen and (max-width: 834px) { .category-ttl[data-type=region] .category-ttl__txt .category-ttl__inner { background-color: #fff; border: 1px solid #bbb; padding: 1.5rem 2rem; max-width: none; width: 100%; gap: 0rem; flex-direction: column; align-items: flex-start; } } .category-ttl[data-type=region] .category-ttl__txt .ttl { font-size: 4rem; white-space: nowrap; } @media screen and (max-width: 834px) { .category-ttl[data-type=region] .category-ttl__txt .ttl { font-size: 2rem; } } .category-ttl[data-type=region] .category-ttl__txt .category-ttl__wrap { display: flex; flex-direction: column; } @media screen and (max-width: 834px) { .category-ttl[data-type=region] .category-ttl__txt .category-ttl__wrap { flex-direction: row; align-items: center; margin-top: 0.5rem; gap: 1rem; } } .category-ttl[data-type=region] .category-ttl__txt .subttl { font-size: 1.8rem; margin-bottom: 1rem; font-weight: 500; border: 0.1rem solid #333; padding: 0.2rem 0.9rem; } @media screen and (min-width: 835px), print { .category-ttl[data-type=region] .category-ttl__txt .subttl { width: 9.5rem; } } @media screen and (max-width: 834px) { .category-ttl[data-type=region] .category-ttl__txt .subttl { font-size: 1.3rem; padding: 0 0.4rem; margin-bottom: 0rem; white-space: nowrap; } } .category-ttl[data-type=region] .category-ttl__txt .subText { font-weight: 500; line-height: 1.5; font-size: 1.8rem; font-weight: bold; } @media screen and (min-width: 835px), print { .category-ttl[data-type=region] .category-ttl__txt .subText { width: 31rem; padding-right: 3rem; } } @media screen and (max-width: 834px) { .category-ttl[data-type=region] .category-ttl__txt .subText { font-size: 1.2rem; width: 100%; } } .category-ttl[data-type=region] picture { width: 54%; } @media screen and (max-width: 834px) { .category-ttl[data-type=region] picture { width: 100%; } } .category-ttl[data-type=region] picture img { display: block; } .category-ttl[data-type=sme] { display: flex; border-bottom: 1px solid #bbb; position: relative; } @media screen and (max-width: 834px) { .category-ttl[data-type=sme] { flex-direction: column; border-bottom: none; position: relative; } } .category-ttl[data-type=sme] .category-ttl__txt { justify-content: center; flex-direction: column; position: relative; transform: translate(0); align-items: normal; padding: 0; } @media screen and (min-width: 835px), print { .category-ttl[data-type=sme] .category-ttl__txt { width: 46%; max-width: 53.5rem; margin-left: auto; } } @media screen and (max-width: 834px) { .category-ttl[data-type=sme] .category-ttl__txt { order: 1; width: 100%; } } .category-ttl[data-type=sme] .category-ttl__txt .category-ttl__inner { display: flex; align-items: center; margin-right: auto; gap: 3rem; } @media screen and (max-width: 834px) { .category-ttl[data-type=sme] .category-ttl__txt .category-ttl__inner { background-color: #fff; border: 1px solid #bbb; padding: 1.5rem 2rem; max-width: none; width: 100%; gap: 1rem; } } .category-ttl[data-type=sme] .category-ttl__txt .ttl { font-size: 4rem; white-space: nowrap; } @media screen and (max-width: 834px) { .category-ttl[data-type=sme] .category-ttl__txt .ttl { font-size: 2rem; } } .category-ttl[data-type=sme] .category-ttl__txt .category-ttl__wrap { display: flex; flex-direction: column; } .category-ttl[data-type=sme] picture { width: 54%; } @media screen and (max-width: 834px) { .category-ttl[data-type=sme] picture { width: 100%; } } .category-ttl[data-type=sme] picture img { display: block; } .category-ttl[data-type=text-box] .category-ttl__txt { display: block; padding-top: 6rem; position: relative; z-index: 1; transform: none; } @media screen and (min-width: 835px), print { .category-ttl[data-type=text-box] .category-ttl__txt { padding-bottom: 6rem; } } .category-ttl[data-type=text-box] .category-ttl__txt .ttl { color: #fff; } .category-ttl[data-type=text-box] .category-ttl__txt .text-box { max-width: 89rem; background: #fff; border: 0.1rem solid #bbb; } @media screen and (min-width: 835px), print { .category-ttl[data-type=text-box] .category-ttl__txt .text-box { margin-top: 2.2rem; padding: 2rem; } } @media screen and (max-width: 834px) { .category-ttl[data-type=text-box] .category-ttl__txt .text-box { margin-top: 1.7rem; padding: 1.5rem; } } .category-ttl[data-type=text-box] .category-ttl__txt .text-box .subttl { color: #cb2c00; position: relative; } @media screen and (min-width: 835px), print { .category-ttl[data-type=text-box] .category-ttl__txt .text-box .subttl { padding-left: 2.2rem; font-size: 1.6rem; } } @media screen and (max-width: 834px) { .category-ttl[data-type=text-box] .category-ttl__txt .text-box .subttl { padding-left: 1.4rem; font-size: 1.8rem; } } .category-ttl[data-type=text-box] .category-ttl__txt .text-box .subttl::before { content: ""; display: block; background: linear-gradient(135deg, #333 0, #333 50%, #cb2c00 50%, #cb2c00 100%); position: absolute; left: 0; } @media screen and (min-width: 835px), print { .category-ttl[data-type=text-box] .category-ttl__txt .text-box .subttl::before { width: 1.2rem; height: 1.2rem; top: 0.7rem; } } @media screen and (max-width: 834px) { .category-ttl[data-type=text-box] .category-ttl__txt .text-box .subttl::before { width: 0.8rem; height: 0.8rem; top: 1rem; } } .category-ttl[data-type=text-box] .category-ttl__txt .text-box .subText { margin-top: 0.8rem; font-weight: 400; font-size: 1.4rem; line-height: 1.5714285714; } .category-ttl[data-type=text-box] img { width: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } @media screen and (min-width: 835px), print { .category-ttl[data-type=text-box] img { height: 100%; } } @media screen and (max-width: 834px) { .category-ttl[data-type=text-box] img { height: calc(100% - 3.8rem); } } .breadcrumb { width: 100%; } @media screen and (min-width: 835px), print { .breadcrumb { margin-top: 2.3rem; } } @media screen and (max-width: 834px) { .breadcrumb { margin-top: 3rem; } } .breadcrumb__list { display: flex; flex-wrap: wrap; gap: 1rem; } @media screen and (max-width: 834px) { .breadcrumb__list { display: block; } } .breadcrumb__item { font-size: 1.4rem; } @media screen and (min-width: 835px), print { .breadcrumb__item { font-size: 1.6rem; } } @media screen and (max-width: 834px) { .breadcrumb__item { display: inline; line-height: 1.5; } } .breadcrumb__item:not(:last-of-type) { position: relative; padding-right: 1.6rem; } @media screen and (min-width: 835px), print { .breadcrumb__item:not(:last-of-type)::after { content: ""; display: block; width: 0.6rem; height: 0.6rem; border-top: 0.1rem solid #333; border-right: 0.1rem solid #333; transform: rotate(45deg); position: absolute; top: calc(50% - 0.3rem); right: 0; } } @media screen and (max-width: 834px) { .breadcrumb__item:not(:last-of-type) { padding-right: 0.5rem; } .breadcrumb__item:not(:last-of-type)::after { content: ""; display: block; width: 0.7rem; height: 0.7rem; border-top: 0.1rem solid #333; border-right: 0.1rem solid #333; transform: rotate(45deg); display: inline-block; } } .breadcrumb__item a { color: #14399e; text-decoration: underline; } @media screen and (min-width: 835px), print { .breadcrumb__item a:hover, .breadcrumb__item a:focus-visible { color: #cb2c00; text-decoration: none; } .breadcrumb__item a:focus-visible { outline: auto; } } @media screen and (max-width: 834px) { .breadcrumb__item a { margin-right: 0.5rem; } } @media screen and (min-width: 835px), print { .breadcrumb + .contents { margin-top: 4rem; } } @media screen and (max-width: 834px) { .breadcrumb + .contents { margin-top: 3rem; } } .list--note, .list--note--col2, .list--disc, .legacy .link-list, .legacy ul:not([class]), .legacy .institute-training-search, .list--disc--col2, .list--col2, .list--decimal--col2, .list--child, .list, .list--decimal { margin-top: 1rem; } .list__item, .legacy .link-list > li, .legacy ul:not([class]) > li, .legacy .institute-training-search > li, .legacy ol:not([class]) > li { display: flex; line-height: 1.5625; } @media screen and (min-width: 835px), print { .list__item:not(:first-of-type), .legacy .link-list > li:not(:first-of-type), .legacy ul:not([class]) > li:not(:first-of-type), .legacy .institute-training-search > li:not(:first-of-type), .legacy ol:not([class]) > li:not(:first-of-type) { margin-top: 0.8rem; } } @media screen and (max-width: 834px) { .list__item:not(:first-of-type), .legacy .link-list > li:not(:first-of-type), .legacy ul:not([class]) > li:not(:first-of-type), .legacy .institute-training-search > li:not(:first-of-type), .legacy ol:not([class]) > li:not(:first-of-type) { margin-top: 0.5rem; } } .list__item::before, .legacy .link-list > li::before, .legacy ul:not([class]) > li::before, .legacy .institute-training-search > li::before, .legacy ol:not([class]) > li::before, .list__item__mark { flex-shrink: 0; } .list__item__content { width: 100%; } .list__item__content strong { font-weight: 700; color: #e90000; } .list__item__content em { font-weight: 700; } .list__item__content a { color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .list__item__content a:focus-visible { text-decoration: none; } @media (hover: hover) { .list__item__content a:hover { text-decoration: none; } } @media (hover: none) { .list__item__content a:active { text-decoration: none; } } .list__item__content a:focus-visible { color: #cb2c00; } @media (hover: hover) { .list__item__content a:hover { color: #cb2c00; } } @media (hover: none) { .list__item__content a:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .list__item__content a:focus-visible { outline: auto; } } .list__item__content-inner { width: 100%; padding: 0 0 3rem 1em; } .list__item__content-inner > *:first-child { margin-top: 0.4rem; } .list__item:last-child .list__item__content-inner, .legacy .link-list > li:last-child .list__item__content-inner, .legacy ul:not([class]) > li:last-child .list__item__content-inner, .legacy .institute-training-search > li:last-child .list__item__content-inner, .legacy ol:not([class]) > li:last-child .list__item__content-inner { padding-bottom: 0; } .list--child { margin-left: 1em; } @media screen and (min-width: 835px), print { .list--child { margin-top: 0.8rem; } } @media screen and (max-width: 834px) { .list--child { margin-top: 0.5rem; } } @media screen and (min-width: 835px), print { .list--col2, .list--note--col2, .list--decimal--col2, .list--disc--col2 { display: flex; flex-wrap: wrap; gap: 1.3rem 3.2rem; } .list--col2 > .list__item, .legacy .link-list.list--col2 > li, .legacy ul.list--col2:not([class]) > li, .legacy .institute-training-search.list--col2 > li, .legacy ol.list--col2:not([class]) > li, .list--note--col2 > .list__item, .legacy .link-list.list--note--col2 > li, .legacy ul.list--note--col2:not([class]) > li, .legacy .institute-training-search.list--note--col2 > li, .legacy ol.list--note--col2:not([class]) > li, .list--decimal--col2 > .list__item, .legacy .link-list.list--decimal--col2 > li, .legacy ul.list--decimal--col2:not([class]) > li, .legacy .institute-training-search.list--decimal--col2 > li, .legacy ol.list--decimal--col2:not([class]) > li, .list--disc--col2 > .list__item, .legacy .link-list.list--disc--col2 > li, .legacy ul.list--disc--col2:not([class]) > li, .legacy .institute-training-search.list--disc--col2 > li, .legacy ol.list--disc--col2:not([class]) > li { width: calc((100% - 3.2rem) / 2); } .list--col2 > .list__item:not(:first-of-type), .legacy .link-list.list--col2 > li:not(:first-of-type), .legacy ul.list--col2:not([class]) > li:not(:first-of-type), .legacy .institute-training-search.list--col2 > li:not(:first-of-type), .legacy ol.list--col2:not([class]) > li:not(:first-of-type), .list--note--col2 > .list__item:not(:first-of-type), .legacy .link-list.list--note--col2 > li:not(:first-of-type), .legacy ul.list--note--col2:not([class]) > li:not(:first-of-type), .legacy .institute-training-search.list--note--col2 > li:not(:first-of-type), .legacy ol.list--note--col2:not([class]) > li:not(:first-of-type), .list--decimal--col2 > .list__item:not(:first-of-type), .legacy .link-list.list--decimal--col2 > li:not(:first-of-type), .legacy ul.list--decimal--col2:not([class]) > li:not(:first-of-type), .legacy .institute-training-search.list--decimal--col2 > li:not(:first-of-type), .legacy ol.list--decimal--col2:not([class]) > li:not(:first-of-type), .list--disc--col2 > .list__item:not(:first-of-type), .legacy .link-list.list--disc--col2 > li:not(:first-of-type), .legacy ul.list--disc--col2:not([class]) > li:not(:first-of-type), .legacy .institute-training-search.list--disc--col2 > li:not(:first-of-type), .legacy ol.list--disc--col2:not([class]) > li:not(:first-of-type) { margin-top: 0; } } .list--disc > .list__item::before, .legacy .link-list > .list__item::before, .legacy ul:not([class]) > .list__item::before, .legacy .institute-training-search > .list__item::before, .legacy .link-list > li::before, .legacy ul:not([class]) > li::before, .legacy .institute-training-search > li::before, .legacy ol.list--disc:not([class]) > li::before, .list--disc--col2 > .list__item::before, .legacy ol.list--disc--col2:not([class]) > li::before { width: 1em; content: "・"; } .list--decimal, .list--decimal--col2 { counter-reset: list-cnt; } .list--decimal > .list__item::before, .legacy .link-list.list--decimal > li::before, .legacy ul.list--decimal:not([class]) > li::before, .legacy .institute-training-search.list--decimal > li::before, .legacy ol.list--decimal:not([class]) > li::before, .list--decimal--col2 > .list__item::before, .legacy .link-list.list--decimal--col2 > li::before, .legacy ul.list--decimal--col2:not([class]) > li::before, .legacy .institute-training-search.list--decimal--col2 > li::before, .legacy ol.list--decimal--col2:not([class]) > li::before { content: counter(list-cnt) "."; counter-increment: list-cnt; } @media screen and (min-width: 835px), print { .list--decimal > .list__item::before, .legacy .link-list.list--decimal > li::before, .legacy ul.list--decimal:not([class]) > li::before, .legacy .institute-training-search.list--decimal > li::before, .legacy ol.list--decimal:not([class]) > li::before, .list--decimal--col2 > .list__item::before, .legacy .link-list.list--decimal--col2 > li::before, .legacy ul.list--decimal--col2:not([class]) > li::before, .legacy .institute-training-search.list--decimal--col2 > li::before, .legacy ol.list--decimal--col2:not([class]) > li::before { width: 3.5rem; } } @media screen and (max-width: 834px) { .list--decimal > .list__item::before, .legacy .link-list.list--decimal > li::before, .legacy ul.list--decimal:not([class]) > li::before, .legacy .institute-training-search.list--decimal > li::before, .legacy ol.list--decimal:not([class]) > li::before, .list--decimal--col2 > .list__item::before, .legacy .link-list.list--decimal--col2 > li::before, .legacy ul.list--decimal--col2:not([class]) > li::before, .legacy .institute-training-search.list--decimal--col2 > li::before, .legacy ol.list--decimal--col2:not([class]) > li::before { width: 2.4rem; } } .list--decimal > .list__item .list__item__content, .legacy .link-list.list--decimal > li .list__item__content, .legacy ul.list--decimal:not([class]) > li .list__item__content, .legacy .institute-training-search.list--decimal > li .list__item__content, .legacy ol.list--decimal:not([class]) > li .list__item__content, .list--decimal--col2 > .list__item .list__item__content, .legacy .link-list.list--decimal--col2 > li .list__item__content, .legacy ul.list--decimal--col2:not([class]) > li .list__item__content, .legacy .institute-training-search.list--decimal--col2 > li .list__item__content, .legacy ol.list--decimal--col2:not([class]) > li .list__item__content { padding-left: 0.4rem; } .sns-list, .footer__nav { display: flex; align-items: center; } .sns-list__item, .footer__nav__item { display: flex; align-items: center; } .sns-list__item:not(:first-child):before, .footer__nav__item:not(:first-child):before { content: ""; display: block; width: 0.1rem; background: #333; } @media screen and (max-width: 834px) { .sns-list__item:not(:first-child):before, .footer__nav__item:not(:first-child):before { height: 1.5rem; background: #fff; margin-left: 1rem; margin-right: 1rem; } } @media screen and (min-width: 835px), print { .sns-list__item:not(:first-child):before, .footer__nav__item:not(:first-child):before { height: 1rem; margin-left: 1em; margin-right: 1em; } } .sns-list__link, .footer__nav__item a { display: block; } @media screen and (min-width: 835px), print { .sns-list__link, .footer__nav__item a { text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .sns-list__link:focus-visible, .footer__nav__item a:focus-visible { text-decoration: none; } .sns-list__link:focus-visible, .footer__nav__item a:focus-visible { color: #cb2c00; } } @media screen and (min-width: 835px) and (hover: hover), print and (hover: hover) { .sns-list__link:hover, .footer__nav__item a:hover { text-decoration: none; } } @media screen and (min-width: 835px) and (hover: none), print and (hover: none) { .sns-list__link:active, .footer__nav__item a:active { text-decoration: none; } } @media screen and (min-width: 835px) and (hover: hover), print and (hover: hover) { .sns-list__link:hover, .footer__nav__item a:hover { color: #cb2c00; } } @media screen and (min-width: 835px) and (hover: none), print and (hover: none) { .sns-list__link:active, .footer__nav__item a:active { color: #cb2c00; } } .localnav { font-size: 1.6rem; line-height: 1.375; } .localnav--root__link { display: block; color: #fff; font-size: 1.8rem; font-weight: 500; line-height: 1.5; background: #333; padding: 2.4rem 4.4rem 2.4rem 1.6rem; position: relative; } .localnav--root__link::after { content: ""; display: block; width: 0.8rem; height: 0.8rem; border-top: 0.2rem solid #fff; border-right: 0.2rem solid #fff; transform: rotate(45deg); position: absolute; top: 0; right: 1.8rem; bottom: 0; margin: auto; } .localnav--layer1 { background: #f2f6f7; padding-left: 1.6rem; padding-right: 1.6rem; border-left: 0.1rem solid #bbb; border-right: 0.1rem solid #bbb; border-bottom: 0.1rem solid #bbb; } .localnav--layer1__item:last-child .localnav--layer2 { margin-bottom: 2rem; } .localnav--layer1__item:not(:last-child) { border-bottom: 0.1rem solid #bbb; } .localnav--layer1__item[data-active=true] { border-color: transparent !important; } .localnav--layer1__header { transition-duration: 300ms; } .localnav--layer1__link { padding: 2rem 0; } .localnav--layer1__link[aria-current=page] { color: #cb2c00; font-weight: bold; } .localnav--layer1__trigger { flex-shrink: 0; } .localnav--layer1__trigger::after { content: ""; display: block; width: 0.9rem; height: 0.9rem; border-top: 0.2rem solid #cb2c00; border-right: 0.2rem solid #cb2c00; transform: rotate(135deg); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: 300ms; } .localnav--layer1__trigger[aria-expanded=true]::after { transform: rotate(-45deg); } .localnav--layer2 { background: #fff; padding-left: 3rem; padding-right: 1em; } .localnav--layer2__item:not(:last-child) { border-bottom: 0.1rem solid #bbb; } .localnav--layer2__link { padding-top: 1rem; padding-bottom: 1rem; } .localnav--layer2__link[aria-current=page] { font-weight: bold; position: relative; } .localnav--layer2__link[aria-current=page]::before { content: ""; display: block; width: 0.8rem; height: 0.8rem; background: #cb2c00; margin: auto; position: absolute; top: 1.9rem; left: -1.4rem; pointer-events: none; } .localnav--layer2__trigger:before, .localnav--layer2__trigger:after { content: ""; display: block; width: 1.5rem; height: 0.3rem; background: #cb2c00; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .localnav--layer2__trigger::before { transition: opacity 300ms, transform 300ms; } .localnav--layer2__trigger::after { transform: rotate(-90deg); transition: 300ms; } .localnav--layer2__trigger[aria-expanded=true]::after { transform: rotate(0); } .localnav--layer3 { display: flex; align-items: flex-start; flex-direction: column; gap: 1em; padding-bottom: 1rem; } .localnav--layer3__header { padding-left: 0.7rem; } .localnav--layer3__link { display: block; padding-top: 0.3rem; padding-left: 0.7rem; padding-bottom: 0.3rem; border-left: 0.2rem solid #bbb; } .localnav--layer3__link[aria-current=page] { font-weight: bold; border-left-color: #cb2c00; } .localnav--layer1__header, .localnav--layer2__header { display: flex; align-items: center; } .localnav--root__link, .localnav--layer1__link, .localnav--layer2__link, .localnav--layer3__link { transition-duration: 300ms; flex: 1; } .localnav--root__link:focus-visible, .localnav--layer1__link:focus-visible, .localnav--layer2__link:focus-visible, .localnav--layer3__link:focus-visible { text-decoration: underline; } @media (hover: hover) { .localnav--root__link:hover, .localnav--layer1__link:hover, .localnav--layer2__link:hover, .localnav--layer3__link:hover { text-decoration: underline; } } @media (hover: none) { .localnav--root__link:active, .localnav--layer1__link:active, .localnav--layer2__link:active, .localnav--layer3__link:active { text-decoration: underline; } } .localnav--layer1__trigger, .localnav--layer2__trigger { width: 2rem; height: 2rem; cursor: pointer; position: relative; padding: 1rem; border: solid 0.2rem transparent; transition-duration: 300ms; } .localnav--layer1__trigger:focus-visible, .localnav--layer2__trigger:focus-visible { border: solid 0.2rem #cb2c00; } @media (hover: hover) { .localnav--layer1__trigger:hover, .localnav--layer2__trigger:hover { border: solid 0.2rem #cb2c00; } } @media (hover: none) { .localnav--layer1__trigger:active, .localnav--layer2__trigger:active { border: solid 0.2rem #cb2c00; } } .heading, .heading--lv5, .heading--lv4, .legacy h4, .heading--lv3, .legacy h3, .heading--lv2, .legacy h2, .heading--lv1, .legacy h1 { font-weight: 700; line-height: 1.4; } .heading--lv1, .legacy h1 { position: relative; margin-top: 4rem; } @media screen and (min-width: 835px), print { .heading--lv1, .legacy h1 { padding-left: 3.8rem; font-size: 3.4rem; letter-spacing: 0.08em; } } @media screen and (max-width: 834px) { .heading--lv1, .legacy h1 { padding-left: 2.8rem; font-size: 2.3rem; } } @media screen and (min-width: 835px), print { .heading--lv1 + [class^=heading], .legacy h1 + [class^=heading] { margin-top: 4rem; } } @media screen and (max-width: 834px) { .heading--lv1 + [class^=heading], .legacy h1 + [class^=heading] { margin-top: 2rem; } } .heading--lv1::before, .legacy h1::before { content: ""; display: block; background: url(../image/common/icon-heading-lv1.svg) no-repeat; background-size: contain; position: absolute; left: 0; } @media screen and (min-width: 835px), print { .heading--lv1::before, .legacy h1::before { width: 3.2rem; height: 3rem; top: 1rem; } } @media screen and (max-width: 834px) { .heading--lv1::before, .legacy h1::before { width: 2.2rem; height: 2rem; top: 0.7rem; } } .heading--lv2, .legacy h2 { background: #f2f6f7; position: relative; } @media screen and (min-width: 835px), print { .heading--lv2, .legacy h2 { margin-top: 8rem; padding: 0.8rem 2rem 0.5rem; font-size: 2.6rem; } } @media screen and (max-width: 834px) { .heading--lv2, .legacy h2 { margin-top: 4rem; padding: 0.8rem 0.8rem 0.6rem 1.2rem; font-size: 1.8rem; } } @media screen and (min-width: 835px), print { .heading--lv2 + [class^=heading], .legacy h2 + [class^=heading] { margin-top: 3rem; } } @media screen and (max-width: 834px) { .heading--lv2 + [class^=heading], .legacy h2 + [class^=heading] { margin-top: 1.6rem; } } .heading--lv2::before, .legacy h2::before { content: ""; display: block; height: 100%; background: linear-gradient(to bottom, #cb2c00 0, #cb2c00 1.6rem, #333 1.6rem, #333 100%); position: absolute; top: 0; left: 0; } @media screen and (min-width: 835px), print { .heading--lv2::before, .legacy h2::before { width: 0.5rem; } } @media screen and (max-width: 834px) { .heading--lv2::before, .legacy h2::before { width: 0.4rem; } } .heading--lv3, .legacy h3 { position: relative; } @media screen and (min-width: 835px), print { .heading--lv3, .legacy h3 { margin-top: 6rem; padding-bottom: 1.3rem; font-size: 2rem; } } @media screen and (max-width: 834px) { .heading--lv3, .legacy h3 { margin-top: 3.2rem; padding-bottom: 1rem; font-size: 1.6rem; } } @media screen and (min-width: 835px), print { .heading--lv3 + [class^=heading], .legacy h3 + [class^=heading] { margin-top: 3rem; } } @media screen and (max-width: 834px) { .heading--lv3 + [class^=heading], .legacy h3 + [class^=heading] { margin-top: 1.4rem; } } .heading--lv3::after, .legacy h3::after { content: ""; display: block; width: 100%; position: absolute; left: 0; bottom: 0; } @media screen and (min-width: 835px), print { .heading--lv3::after, .legacy h3::after { height: 0.3rem; background: linear-gradient(150deg, #cb2c00 0, #cb2c00 9%, #333 9%, #333 100%); } } @media screen and (max-width: 834px) { .heading--lv3::after, .legacy h3::after { height: 0.25rem; background: linear-gradient(150deg, #cb2c00 0, #cb2c00 18.5%, #333 18.5%, #333 100%); } } .heading--lv4, .legacy h4 { position: relative; padding-bottom: 0.2rem; } @media screen and (min-width: 835px), print { .heading--lv4, .legacy h4 { margin-top: 4rem; padding-left: 1.5rem; font-size: 1.8rem; } } @media screen and (max-width: 834px) { .heading--lv4, .legacy h4 { margin-top: 2rem; padding-left: 1.2rem; font-size: 1.5rem; } } @media screen and (min-width: 835px), print { .heading--lv4 + [class^=heading], .legacy h4 + [class^=heading] { margin-top: 2rem; } } @media screen and (max-width: 834px) { .heading--lv4 + [class^=heading], .legacy h4 + [class^=heading] { margin-top: 1rem; } } .heading--lv4::before, .legacy h4::before { content: ""; display: block; height: 100%; background: #cb2c00; transform: skewY(-10deg); position: absolute; top: 0; left: 0; } @media screen and (min-width: 835px), print { .heading--lv4::before, .legacy h4::before { width: 0.5rem; } } @media screen and (max-width: 834px) { .heading--lv4::before, .legacy h4::before { width: 0.45rem; } } .heading--lv5 { position: relative; margin-top: 2rem; } @media screen and (min-width: 835px), print { .heading--lv5 { padding-left: 2rem; font-size: 1.6rem; } } @media screen and (max-width: 834px) { .heading--lv5 { padding-left: 1.6rem; font-size: 1.4rem; } } @media screen and (min-width: 835px), print { .heading--lv5 + [class^=heading] { margin-top: 2rem; } } @media screen and (max-width: 834px) { .heading--lv5 + [class^=heading] { margin-top: 1rem; } } .heading--lv5::before { content: ""; display: block; background: #cb2c00; position: absolute; left: 0; } @media screen and (min-width: 835px), print { .heading--lv5::before { width: 1rem; height: 1rem; top: 0.7rem; } } @media screen and (max-width: 834px) { .heading--lv5::before { width: 0.9rem; height: 0.9rem; top: 0.5rem; } } .heading--top, .news-area__head { font-weight: bold; text-align: center; position: relative; } @media screen and (max-width: 834px) { .heading--top, .news-area__head { font-size: 2.3rem; line-height: 1.3913043478; margin-bottom: 2.8rem; } } @media screen and (min-width: 835px), print { .heading--top, .news-area__head { font-size: 3.4rem; line-height: 1.3823529412; margin-bottom: 5.4rem; } } .heading--top:after, .news-area__head:after { content: ""; display: block; background: linear-gradient(to right, #cb2c00 0, #cb2c00 50%, #333 50%, #333 100%); margin-left: auto; margin-right: auto; position: absolute; left: 0; right: 0; } @media screen and (max-width: 834px) { .heading--top:after, .news-area__head:after { width: 4rem; height: 0.3rem; bottom: -1.3rem; } } @media screen and (min-width: 835px), print { .heading--top:after, .news-area__head:after { width: 8rem; height: 0.4rem; bottom: -2.4rem; } } .heading--horizontal { font-weight: bold; position: relative; padding-left: 2.5rem; } @media screen and (max-width: 834px) { .heading--horizontal { padding-left: 1.5rem; font-size: 1.6rem; line-height: 1.5; } } .heading--horizontal::before { content: ""; width: 1.6rem; height: 0.4rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #cb2c00; } @media screen and (max-width: 834px) { .heading--horizontal::before { width: 1.2rem; height: 0.3rem; top: 1.1rem; transform: translateY(0); } } .heading--result { margin-bottom: 2rem; font-size: 3rem; font-weight: bold; text-align: center; position: relative; margin-top: 6.5rem; padding-bottom: 1.5rem; } @media screen and (max-width: 834px) { .heading--result { font-size: 2.3rem; margin-top: 5rem; } } .heading--result::before, .heading--result::after { content: ""; height: 0.2rem; width: 100%; position: absolute; left: 50%; transform: translateX(-50%); } .heading--result::before { background-color: #cb2c00; bottom: 0; } .heading--result::after { background-color: #333; bottom: -0.3rem; } @media screen and (min-width: 835px), print { .anchor-list + [class^=heading], .anchor-list + .anchor + [class^=heading] { margin-top: 4rem; } } @media screen and (max-width: 834px) { .anchor-list + [class^=heading], .anchor-list + .anchor + [class^=heading] { margin-top: 2rem; } } @media screen and (min-width: 835px), print { .legacy .inquire-box .res-columns.column2 .column-item a[href^="tel:"], .access-data__item .detail a[href^="tel:"], .inquiry-box__item .detail a[href^="tel:"], .text a[href^="tel:"], .legacy p a[href^="tel:"], .inquiry-box__lead a[href^="tel:"], .text--weight500 a[href^="tel:"], .text--nothing a[href^="tel:"], .text--update a[href^="tel:"], .text--en a[href^="tel:"], .text--right a[href^="tel:"], .text--center a[href^="tel:"] { color: #333; text-decoration: none; pointer-events: none; } } .text, .legacy p, .inquiry-box__lead, .text--en, .text--update, .text--nothing, .text--weight500, .text--center, .text--right { margin-top: 1em; line-height: 1.5625; } .text--right { text-align: right; } .text--center { text-align: center; } .text--weight500 { font-weight: 500; } .text--nothing { padding: 2rem; background-color: #fffbf9; border: 0.1rem solid #bbb; margin: 3rem 0; line-height: 1.5; } @media screen and (max-width: 834px) { .text--nothing { padding: 1.5rem; margin: 2rem 0; } } .text--nothing p { color: #e90000; } .text--update { text-align: right; } @media screen and (max-width: 834px) { .text--en { font-size: 1.8rem; } } @media screen and (min-width: 835px), print { .text--en { font-size: 2rem; } } .text a, .legacy p a, .inquiry-box__lead a, .text--weight500 a, .text--nothing a, .text--update a, .text--en a, .text--right a, .text--center a { color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .text a:focus-visible, .legacy p a:focus-visible, .inquiry-box__lead a:focus-visible, .text--weight500 a:focus-visible, .text--nothing a:focus-visible, .text--update a:focus-visible, .text--en a:focus-visible, .text--right a:focus-visible, .text--center a:focus-visible { text-decoration: none; } @media (hover: hover) { .text a:hover, .legacy p a:hover, .inquiry-box__lead a:hover, .text--weight500 a:hover, .text--nothing a:hover, .text--update a:hover, .text--en a:hover, .text--right a:hover, .text--center a:hover { text-decoration: none; } } @media (hover: none) { .text a:active, .legacy p a:active, .inquiry-box__lead a:active, .text--weight500 a:active, .text--nothing a:active, .text--update a:active, .text--en a:active, .text--right a:active, .text--center a:active { text-decoration: none; } } .text a:focus-visible, .legacy p a:focus-visible, .inquiry-box__lead a:focus-visible, .text--weight500 a:focus-visible, .text--nothing a:focus-visible, .text--update a:focus-visible, .text--en a:focus-visible, .text--right a:focus-visible, .text--center a:focus-visible { color: #cb2c00; } @media (hover: hover) { .text a:hover, .legacy p a:hover, .inquiry-box__lead a:hover, .text--weight500 a:hover, .text--nothing a:hover, .text--update a:hover, .text--en a:hover, .text--right a:hover, .text--center a:hover { color: #cb2c00; } } @media (hover: none) { .text a:active, .legacy p a:active, .inquiry-box__lead a:active, .text--weight500 a:active, .text--nothing a:active, .text--update a:active, .text--en a:active, .text--right a:active, .text--center a:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .text a:focus-visible, .legacy p a:focus-visible, .inquiry-box__lead a:focus-visible, .text--weight500 a:focus-visible, .text--nothing a:focus-visible, .text--update a:focus-visible, .text--en a:focus-visible, .text--right a:focus-visible, .text--center a:focus-visible { outline: auto; } } .text strong, .legacy p strong, .inquiry-box__lead strong, .text--weight500 strong, .text--nothing strong, .text--update strong, .text--en strong, .text--right strong, .text--center strong { font-weight: 700; color: #e90000; } .text em, .legacy p em, .inquiry-box__lead em, .text--weight500 em, .text--nothing em, .text--update em, .text--en em, .text--right em, .text--center em { font-weight: 700; } @media screen and (min-width: 835px), print { .text-img, .text-img--right, .text-img--left { margin-top: 2rem; } } @media screen and (max-width: 834px) { .text-img, .text-img--right, .text-img--left { display: flex; flex-direction: column; gap: 1.5rem; margin-top: 1.5rem; } } @media screen and (min-width: 835px), print { .text-img .img, .text-img--right .img, .text-img--left .img { width: 46.81%; max-width: 42.1rem; } } @media screen and (max-width: 834px) { .text-img .img, .text-img--right .img, .text-img--left .img { width: 100%; max-width: 40rem; margin-left: auto; margin-right: auto; } } @media screen and (min-width: 835px), print { .text-img .img--small, .text-img--right .img--small, .text-img--left .img--small { width: 28.86%; max-width: 25.4rem; } } @media screen and (max-width: 834px) { .text-img .img--small, .text-img--right .img--small, .text-img--left .img--small { width: 100%; max-width: 30rem; margin-left: auto; margin-right: auto; } } @media screen and (min-width: 835px), print { .text-img .img--vertical, .text-img--right .img--vertical, .text-img--left .img--vertical { width: 19.31%; max-width: 17rem; } } @media screen and (max-width: 834px) { .text-img .img--vertical, .text-img--right .img--vertical, .text-img--left .img--vertical { width: 100%; max-width: 22.4rem; margin-left: auto; margin-right: auto; } } .text-img__text > *:first-child { margin-top: 0; } .text-img__text .list, .text-img__text .list--disc, .text-img__text .legacy .link-list, .legacy .text-img__text .link-list, .text-img__text .legacy ul:not([class]), .legacy .text-img__text ul:not([class]), .text-img__text .legacy .institute-training-search, .legacy .text-img__text .institute-training-search, .text-img__text .list--decimal { width: auto; } @media screen and (min-width: 835px), print { .text-img--left { display: flex; gap: 3.2rem; } } .text-img--left .img, .text-img--left .img--small, .text-img--left .img--vertical { flex-shrink: 0; } @media screen and (min-width: 835px), print { .text-img--right .img, .text-img--right .img--small, .text-img--right .img--vertical { float: right; margin: 0 0 0.5rem 3.2rem; } .text-img--right::after { content: ""; display: block; clear: both; } } .def-list, .legacy .contact-box, .legacy .definition, .legacy .training-box { display: flex; flex-direction: column; gap: 2rem; border: 0.1rem solid #bbb; } @media screen and (min-width: 835px), print { .def-list, .legacy .contact-box, .legacy .definition, .legacy .training-box { margin-top: 2rem; padding: 2rem 4rem; } } @media screen and (max-width: 834px) { .def-list, .legacy .contact-box, .legacy .definition, .legacy .training-box { margin-top: 1.4rem; padding: 2rem; } } .def-list__item, .def-list__item--training, .def-list__item--flex, .legacy .contact-box dl, .legacy .definition dl, .legacy .training-box dl, .legacy .res-columns.column2.ratio3to1.training-cali { display: flex; flex-direction: column; gap: 1rem; padding-bottom: 2rem; position: relative; } .def-list__item:last-of-type, .def-list__item--training:last-of-type, .def-list__item--flex:last-of-type, .legacy .contact-box dl:last-of-type, .legacy .definition dl:last-of-type, .legacy .training-box dl:last-of-type, .legacy .res-columns.column2.ratio3to1.training-cali:last-of-type { padding-bottom: 0; } .def-list__item:not(:last-of-type)::after, .def-list__item--training:not(:last-of-type)::after, .def-list__item--flex:not(:last-of-type)::after, .legacy .contact-box dl:not(:last-of-type)::after, .legacy .definition dl:not(:last-of-type)::after, .legacy .training-box dl:not(:last-of-type)::after, .legacy .res-columns.column2.ratio3to1.training-cali:not(:last-of-type)::after { content: ""; display: block; width: 100%; height: 0.2rem; background: linear-gradient(to right, #bbb 0, #bbb 0.2rem, transparent 0.2rem, transparent 0.6rem) repeat-x; background-size: 0.6rem 0.2rem; position: absolute; bottom: 0; left: 0; } @media screen and (min-width: 835px), print { .def-list__item--flex, .legacy .contact-box dl, .legacy .definition dl, .legacy .training-box dl, .legacy .res-columns.column2.ratio3to1.training-cali { flex-direction: row; align-items: center; gap: 2rem; } .def-list__item--flex .def-list__ttl, .legacy .contact-box dl .def-list__ttl, .legacy .definition dl .def-list__ttl, .legacy .training-box dl .def-list__ttl, .legacy .res-columns.column2.ratio3to1.training-cali .def-list__ttl, .def-list__item--flex .legacy .definition dt, .legacy .definition .def-list__item--flex dt, .legacy .definition dl dt, .legacy .res-columns.column2.ratio3to1.training-cali .definition dt, .legacy .definition .res-columns.column2.ratio3to1.training-cali dt, .def-list__item--flex .def-list__ttl--wide, .legacy .contact-box dl .def-list__ttl--wide, .legacy .definition dl .def-list__ttl--wide, .legacy .training-box dl .def-list__ttl--wide, .legacy .res-columns.column2.ratio3to1.training-cali .def-list__ttl--wide, .def-list__item--flex .legacy .contact-box dt, .legacy .contact-box .def-list__item--flex dt, .legacy .contact-box dl dt, .legacy .res-columns.column2.ratio3to1.training-cali .contact-box dt, .legacy .contact-box .res-columns.column2.ratio3to1.training-cali dt, .def-list__item--flex .legacy .training-box dt, .legacy .training-box .def-list__item--flex dt, .legacy .training-box dl dt, .legacy .res-columns.column2.ratio3to1.training-cali .training-box dt, .legacy .training-box .res-columns.column2.ratio3to1.training-cali dt, .legacy .res-columns.column2.ratio3to1.training-cali .column-item:first-of-type { width: 20rem; flex-shrink: 0; } .def-list__item--flex .def-list__ttl--wide, .legacy .contact-box dl .def-list__ttl--wide, .legacy .definition dl .def-list__ttl--wide, .legacy .training-box dl .def-list__ttl--wide, .legacy .res-columns.column2.ratio3to1.training-cali .def-list__ttl--wide, .def-list__item--flex .legacy .contact-box dt, .legacy .contact-box .def-list__item--flex dt, .legacy .contact-box dl dt, .legacy .definition dl .contact-box dt, .legacy .res-columns.column2.ratio3to1.training-cali .contact-box dt, .legacy .contact-box .res-columns.column2.ratio3to1.training-cali dt, .def-list__item--flex .legacy .training-box dt, .legacy .training-box .def-list__item--flex dt, .legacy .definition dl .training-box dt, .legacy .training-box dl dt, .legacy .res-columns.column2.ratio3to1.training-cali .training-box dt, .legacy .training-box .res-columns.column2.ratio3to1.training-cali dt, .legacy .res-columns.column2.ratio3to1.training-cali .column-item:first-of-type { width: 42.61%; max-width: 37.5rem; flex-shrink: 0; } .def-list__item--flex .def-list__desc, .legacy .contact-box dl .def-list__desc, .legacy .definition dl .def-list__desc, .legacy .training-box dl .def-list__desc, .legacy .res-columns.column2.ratio3to1.training-cali .def-list__desc, .def-list__item--flex .legacy .contact-box dd, .legacy .contact-box .def-list__item--flex dd, .legacy .contact-box dl dd, .legacy .res-columns.column2.ratio3to1.training-cali .contact-box dd, .legacy .contact-box .res-columns.column2.ratio3to1.training-cali dd, .def-list__item--flex .legacy .definition dd, .legacy .definition .def-list__item--flex dd, .legacy .definition dl dd, .legacy .res-columns.column2.ratio3to1.training-cali .definition dd, .legacy .definition .res-columns.column2.ratio3to1.training-cali dd, .def-list__item--flex .legacy .training-box dd, .legacy .training-box .def-list__item--flex dd, .legacy .training-box dl dd, .legacy .res-columns.column2.ratio3to1.training-cali .training-box dd, .legacy .training-box .res-columns.column2.ratio3to1.training-cali dd, .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) { flex-grow: 1; } .def-list__item--flex .def-list__desc > *:first-child, .legacy .contact-box dl .def-list__desc > *:first-child, .legacy .definition dl .def-list__desc > *:first-child, .legacy .training-box dl .def-list__desc > *:first-child, .legacy .res-columns.column2.ratio3to1.training-cali .def-list__desc > *:first-child, .def-list__item--flex .legacy .contact-box dd > *:first-child, .legacy .contact-box .def-list__item--flex dd > *:first-child, .legacy .contact-box dl dd > *:first-child, .legacy .res-columns.column2.ratio3to1.training-cali .contact-box dd > *:first-child, .legacy .contact-box .res-columns.column2.ratio3to1.training-cali dd > *:first-child, .def-list__item--flex .legacy .definition dd > *:first-child, .legacy .definition .def-list__item--flex dd > *:first-child, .legacy .definition dl dd > *:first-child, .legacy .res-columns.column2.ratio3to1.training-cali .definition dd > *:first-child, .legacy .definition .res-columns.column2.ratio3to1.training-cali dd > *:first-child, .def-list__item--flex .legacy .training-box dd > *:first-child, .legacy .training-box .def-list__item--flex dd > *:first-child, .legacy .training-box dl dd > *:first-child, .legacy .res-columns.column2.ratio3to1.training-cali .training-box dd > *:first-child, .legacy .training-box .res-columns.column2.ratio3to1.training-cali dd > *:first-child, .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) > *:first-child { margin-top: 0; } } .def-list__item--training { padding-top: 0; padding-left: 0; padding-right: 0; border-top: none; border-left: none; border-right: none; } @media screen and (min-width: 835px), print { .def-list__item--training { gap: 0.8rem; } } @media screen and (min-width: 835px), print { .def-list__item--training .def-list__ttl--wide, .def-list__item--training .legacy .contact-box dt, .legacy .contact-box .def-list__item--training dt, .def-list__item--training .legacy .training-box dt, .legacy .training-box .def-list__item--training dt, .def-list__item--training .legacy .res-columns.column2.ratio3to1.training-cali .column-item:first-of-type, .legacy .res-columns.column2.ratio3to1.training-cali .def-list__item--training .column-item:first-of-type, .def-list__item--training .def-list__desc, .def-list__item--training .legacy .contact-box dd, .legacy .contact-box .def-list__item--training dd, .def-list__item--training .legacy .definition dd, .legacy .definition .def-list__item--training dd, .def-list__item--training .legacy .training-box dd, .legacy .training-box .def-list__item--training dd, .def-list__item--training .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2), .legacy .res-columns.column2.ratio3to1.training-cali .def-list__item--training .column-item:nth-of-type(2) { font-size: 1.6rem; line-height: 1.5; } } @media screen and (min-width: 835px), print { .def-list__item--training .def-list__ttl--wide, .def-list__item--training .legacy .contact-box dt, .legacy .contact-box .def-list__item--training dt, .def-list__item--training .legacy .training-box dt, .legacy .training-box .def-list__item--training dt, .def-list__item--training .legacy .res-columns.column2.ratio3to1.training-cali .column-item:first-of-type, .legacy .res-columns.column2.ratio3to1.training-cali .def-list__item--training .column-item:first-of-type { width: 26.8rem; } } .def-list__ttl, .legacy .definition dt, .def-list__ttl--wide, .legacy .contact-box dt, .legacy .training-box dt, .legacy .res-columns.column2.ratio3to1.training-cali .column-item:first-of-type { font-weight: 700; line-height: 1.22; } @media screen and (min-width: 835px), print { .def-list__ttl, .legacy .definition dt, .def-list__ttl--wide, .legacy .contact-box dt, .legacy .training-box dt, .legacy .res-columns.column2.ratio3to1.training-cali .column-item:first-of-type { font-size: 1.8rem; } } @media screen and (max-width: 834px) { .def-list__ttl, .legacy .definition dt, .def-list__ttl--wide, .legacy .contact-box dt, .legacy .training-box dt, .legacy .res-columns.column2.ratio3to1.training-cali .column-item:first-of-type { font-size: 1.5rem; } } .def-list__desc > *:first-child, .legacy .contact-box dd > *:first-child, .legacy .definition dd > *:first-child, .legacy .training-box dd > *:first-child, .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) > *:first-child { margin-top: 0; } .legacy .res-columns.column2, .legacy .res-columns.column3, .img-list--col3, .img-list--col2, .img-list--col1 { display: flex; } @media screen and (min-width: 835px), print { .legacy .res-columns.column2, .legacy .res-columns.column3, .img-list--col3, .img-list--col2, .img-list--col1 { margin-top: 3rem; } } @media screen and (max-width: 834px) { .legacy .res-columns.column2, .legacy .res-columns.column3, .img-list--col3, .img-list--col2, .img-list--col1 { margin-top: 1.4rem; flex-direction: column; gap: 2rem; } } .img-box, .img-box--border { position: relative; } .img-box::before, .img-box--border::before { content: ""; display: block; aspect-ratio: 3/2; } .img-box img, .img-box--border img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .img-box--border { overflow: hidden; border: 0.1rem solid #ccc; } .img--vertical .img-box::before, .img--vertical .img-box--border::before { aspect-ratio: 2/3; } .img-list__item a { transition-duration: 300ms; } .img-list__item a:focus-visible figcaption { color: #cb2c00; } @media (hover: hover) { .img-list__item a:hover figcaption { color: #cb2c00; } } @media (hover: none) { .img-list__item a:active figcaption { color: #cb2c00; } } .img-list__item a .img figcaption { transition-duration: 300ms; } .img-list__item a .img figcaption.en { font-size: 1.4rem; } @media screen and (min-width: 835px), print { .img-list__item a .img figcaption.en { font-size: 2rem; } } @media screen and (min-width: 835px), print { .img-list--col1 { flex-direction: column; gap: 4rem; } } .img-list--col1 .img { display: table; width: auto; max-width: 100%; } .img-list--col1 .img figcaption { display: table-caption; caption-side: bottom; } .img-list--col1 .img-list__item--center .img { margin: 0 auto; } .img-list--col1 .img-list__item--right .img { margin: 0 0 0 auto; } .img-list--col2 { max-width: 88rem; margin-left: auto; margin-right: auto; } @media screen and (min-width: 835px), print { .img-list--col2 { flex-direction: row; flex-wrap: wrap; gap: 4rem 3.2rem; } .img-list--col2 .img-list__item { width: calc((100% - 3.2rem) / 2); } } @media screen and (min-width: 835px), print { .img-list--col3 { flex-direction: row; flex-wrap: wrap; gap: 4rem 3.2rem; } .img-list--col3 .img-list__item { width: calc((100% - 6.4rem) / 3); } } figcaption { line-height: 1.54; } @media screen and (min-width: 835px), print { figcaption { margin-top: 0.8rem; font-size: 1.4rem; } } @media screen and (max-width: 834px) { figcaption { margin-top: 0.5rem; font-size: 1.2rem; } } .anchor-list { display: flex; flex-wrap: wrap; } @media screen and (min-width: 835px), print { .anchor-list { gap: 1.4rem 2.4rem; margin: 3rem 0; } } @media screen and (max-width: 834px) { .anchor-list { gap: 1.4rem 1.5rem; margin: 1.5rem 0; } } .anchor-list__index-title { font-weight: 700; line-height: 1.4; position: relative; } @media screen and (min-width: 835px), print { .anchor-list__index-title { margin-top: 3rem; padding-left: 1.8rem; font-size: 2rem; } } @media screen and (max-width: 834px) { .anchor-list__index-title { margin-top: 1.5rem; padding-left: 1rem; font-size: 1.6rem; } } .anchor-list__index-title::before { content: ""; display: block; background: #cb2c00; position: absolute; left: 0; top: 50%; } @media screen and (min-width: 835px), print { .anchor-list__index-title::before { width: 0.5rem; height: 2rem; transform: translateY(-0.9rem); } } @media screen and (max-width: 834px) { .anchor-list__index-title::before { width: 0.3rem; height: 1.6rem; transform: translateY(-0.7rem); } } .anchor-list__index-title + .anchor-list { margin-top: 1.6rem; } .anchor-list__item a { display: inline-block; font-weight: 700; line-height: 1.375; position: relative; transition-duration: 300ms; } .anchor-list__item a:focus-visible { text-decoration: underline; } @media (hover: hover) { .anchor-list__item a:hover { text-decoration: underline; } } @media (hover: none) { .anchor-list__item a:active { text-decoration: underline; } } .anchor-list__item a:focus-visible { color: #cb2c00; } @media (hover: hover) { .anchor-list__item a:hover { color: #cb2c00; } } @media (hover: none) { .anchor-list__item a:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .anchor-list__item a { padding-left: 2.3rem; } .anchor-list__item a:focus-visible { outline: auto; } } @media screen and (max-width: 834px) { .anchor-list__item a { padding-left: 2rem; } } .anchor-list__item a::before { content: ""; display: block; background: #cb2c00; position: absolute; top: calc(50% - 0.8rem); left: 0; } @media screen and (min-width: 835px), print { .anchor-list__item a::before { width: 1.6rem; height: 1.6rem; } } @media screen and (max-width: 834px) { .anchor-list__item a::before { width: 1.4rem; height: 1.4rem; } } .anchor-list__item a::after { content: ""; display: block; width: 0.6rem; height: 0.6rem; border-top: 0.2rem solid #fff; border-right: 0.2rem solid #fff; transform: rotate(135deg); position: absolute; margin: auto; } @media screen and (min-width: 835px), print { .anchor-list__item a::after { top: calc(50% - 0.4rem); left: 0.5rem; } } @media screen and (max-width: 834px) { .anchor-list__item a::after { top: calc(50% - 0.5rem); left: 0.4rem; } } .bottom-menu { background-color: #333; } @media screen and (max-width: 834px) { .bottom-menu { padding: 0 2rem; } } @media print { .bottom-menu { break-inside: avoid; } } .bottom-menu .menu { display: flex; flex-wrap: wrap; column-gap: 3rem; row-gap: 2rem; max-width: 120rem; margin: auto; padding: 4rem 0; } @media screen and (max-width: 834px) { .bottom-menu .menu { column-gap: 2rem; row-gap: 1.5rem; padding: 2rem 0; } } .bottom-menu .menu .menu__item { background-color: #fff; } @media screen and (min-width: 835px), print { .bottom-menu .menu .menu__item { width: 23.1%; min-height: 6rem; } } @media screen and (max-width: 834px) { .bottom-menu .menu .menu__item { width: 47%; min-height: 4.4rem; } } .bottom-menu .menu .menu__item a { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%; font-weight: bold; line-height: 1.5; transition-duration: 300ms; } .bottom-menu .menu .menu__item a:focus-visible { text-decoration: underline; } @media (hover: hover) { .bottom-menu .menu .menu__item a:hover { text-decoration: underline; } } @media (hover: none) { .bottom-menu .menu .menu__item a:active { text-decoration: underline; } } .bottom-menu .menu .menu__item a:focus-visible { color: #cb2c00; } .bottom-menu .menu .menu__item a:focus-visible:after { border-color: #cb2c00; } @media (hover: hover) { .bottom-menu .menu .menu__item a:hover { color: #cb2c00; } .bottom-menu .menu .menu__item a:hover:after { border-color: #cb2c00; } } @media (hover: none) { .bottom-menu .menu .menu__item a:active { color: #cb2c00; } .bottom-menu .menu .menu__item a:active:after { border-color: #cb2c00; } } @media screen and (min-width: 835px), print { .bottom-menu .menu .menu__item a { padding: 0.4rem 3.5rem; } } @media screen and (max-width: 834px) { .bottom-menu .menu .menu__item a { font-size: 1.2rem; padding: 0.4rem 2.2rem; } } .bottom-menu .menu .menu__item a::before { content: ""; width: 0.4rem; height: 2.8rem; background-color: #cb2c00; position: absolute; left: 2rem; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 834px) { .bottom-menu .menu .menu__item a::before { left: 1rem; } } .bottom-menu .menu .menu__item a::after { content: ""; display: block; width: 1rem; height: 1rem; border-top: 0.2rem solid #333; border-right: 0.2rem solid #333; transform: rotate(45deg); transition-duration: 300ms; } .bottom-menu .menu .menu__item a::after { position: absolute; top: 50%; right: 2.4rem; transform: translateY(-50%) rotate(45deg); } @media screen and (max-width: 834px) { .bottom-menu .menu .menu__item a::after { right: 1rem; } } @media screen and (min-width: 835px), print { .bottom-menu--col3 .menu { gap: 2rem 4.2rem; } } @media screen and (min-width: 835px), print { .bottom-menu--col3 .menu .menu__item { width: calc((100% - 8.4rem) / 3); } } .bottom-menu--bgw { background-color: #fff; } .bottom-menu--bgw .menu { display: flex; flex-wrap: wrap; column-gap: 3rem; row-gap: 2rem; max-width: 120rem; margin: auto; padding: 4rem 0; } @media screen and (max-width: 834px) { .bottom-menu--bgw .menu { column-gap: 2rem; row-gap: 1.5rem; padding: 2rem 0; } } .bottom-menu--bgw .menu .menu__item { background-color: #333; width: 23.1%; } @media screen and (max-width: 834px) { .bottom-menu--bgw .menu .menu__item { width: 47%; } } .bottom-menu--bgw .menu .menu__item .menu__link { position: relative; display: flex; flex-direction: column; justify-content: center; height: 6rem; padding: 0 3.5rem; font-weight: bold; line-height: 1.5; color: #fff; } @media screen and (max-width: 834px) { .bottom-menu--bgw .menu .menu__item .menu__link { height: 4.4rem; font-size: 1.2rem; padding: 0 2.2rem; } } .bottom-menu--bgw .menu .menu__item .menu__link::before { content: ""; width: 0.4rem; height: 2.8rem; background-color: #cb2c00; position: absolute; left: 2rem; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 834px) { .bottom-menu--bgw .menu .menu__item .menu__link::before { left: 1rem; } } .bottom-menu--bgw .menu .menu__item .menu__link::after { content: ""; display: block; width: 1rem; height: 1rem; border-top: 0.2rem solid #333; border-right: 0.2rem solid #333; transform: rotate(45deg); } .bottom-menu--bgw .menu .menu__item .menu__link::after { position: absolute; top: 50%; right: 2.4rem; transform: translateY(-50%) rotate(45deg); } @media screen and (max-width: 834px) { .bottom-menu--bgw .menu .menu__item .menu__link::after { right: 1rem; } } .search-regional { background-image: url(../../assets/image/common/search-regional_bg01.png), url(../../assets/image/common/search-regional_bg02.png); background-size: auto; background-position: left top, right bottom; background-repeat: no-repeat; padding: 8.4rem 0; margin-bottom: 7.5rem; position: relative; } @media screen and (max-width: 834px) { .search-regional { background-size: 15rem; margin-bottom: 5rem; padding: 6.2rem 0; } } .search-regional::before { content: ""; width: 60.6rem; border-top: solid 0.4rem #cb2c00; border-right: solid 0.4rem transparent; position: absolute; left: 0; top: 1rem; } @media screen and (max-width: 834px) { .search-regional::before { width: 19.3rem; border-top: solid 0.2rem #cb2c00; border-right: solid 0.2rem transparent; } } .search-regional::after { content: ""; width: 60.6rem; border-bottom: solid 0.4rem #333; border-left: solid 0.4rem transparent; position: absolute; right: 0; bottom: 1rem; } @media screen and (max-width: 834px) { .search-regional::after { width: 19.3rem; border-bottom: solid 0.2rem #333; border-left: solid 0.2rem transparent; } } .search-regional .bg_text { font-size: 9.7rem; font-weight: bold; color: #f2f6f7; position: absolute; top: 2.5rem; right: 0; z-index: 0; font-family: "Poppins", sans-serif; } @media screen and (max-width: 834px) { .search-regional .bg_text { font-size: 4.4rem; } } .search-regional .search-inner { max-width: 47.6rem; margin: auto; } @media screen and (max-width: 834px) { .search-regional .search-inner { max-width: inherit; padding: 0 2rem; } } .sme__main + .search-regional { margin-bottom: 0; } .slider { text-align: center; position: relative; } @media print { .slider { break-inside: avoid; } } .slider__area { display: flex; flex-direction: column-reverse; } @media screen and (max-width: 834px) { .slider__area { gap: 1.5rem; } } @media screen and (min-width: 835px), print { .slider__area { gap: 3rem; } } .slider .pickup-slide--dots { display: inline-flex; justify-content: center; align-items: center; column-gap: 1.2rem; } .slider .pickup-slide--dots li { cursor: pointer; width: 1.2rem; height: 1.2rem; text-indent: -999rem; background-color: #bbb; border: 0.2rem solid transparent; transition-duration: false; } .slider .pickup-slide--dots li:focus-visible { background-color: transparent; border: 0.2rem solid #333; } @media (hover: hover) { .slider .pickup-slide--dots li:hover { background-color: transparent; border: 0.2rem solid #333; } } @media (hover: none) { .slider .pickup-slide--dots li:active { background-color: transparent; border: 0.2rem solid #333; } } .slider .pickup-slide--dots li.slick-active { background-color: #cb2c00; transition-duration: false; } .slider .pickup-slide--dots li.slick-active:focus-visible { border: 0.2rem solid #cb2c00; } @media (hover: hover) { .slider .pickup-slide--dots li.slick-active:hover { border: 0.2rem solid #cb2c00; } } @media (hover: none) { .slider .pickup-slide--dots li.slick-active:active { border: 0.2rem solid #cb2c00; } } .slider .controller { display: inline-block; top: -0.7rem; margin-left: 2rem; width: 2.6rem; height: 2.6rem; background-color: #333; text-indent: 0; position: relative; border: 0.2rem solid transparent; transition-duration: false; } @media screen and (max-width: 834px) { .slider .controller { margin-left: 1.5rem; } } .slider .controller:focus-visible { background-color: #f2f6f7; border-color: #333; } .slider .controller:focus-visible.-pause button::before, .slider .controller:focus-visible.-pause button::after, .slider .controller:focus-visible.-play button::before, .slider .controller:focus-visible.-play button::after { background-color: #333; } .slider .controller:focus-visible.-play button::before { background-color: #f2f6f7; border-left-color: #333; } @media (hover: hover) { .slider .controller:hover { background-color: #f2f6f7; border-color: #333; } .slider .controller:hover.-pause button::before, .slider .controller:hover.-pause button::after, .slider .controller:hover.-play button::before, .slider .controller:hover.-play button::after { background-color: #333; } .slider .controller:hover.-play button::before { background-color: #f2f6f7; border-left-color: #333; } } @media (hover: none) { .slider .controller:active { background-color: #f2f6f7; border-color: #333; } .slider .controller:active.-pause button::before, .slider .controller:active.-pause button::after, .slider .controller:active.-play button::before, .slider .controller:active.-play button::after { background-color: #333; } .slider .controller:active.-play button::before { background-color: #f2f6f7; border-left-color: #333; } } .slider .controller.-pause button::before, .slider .controller.-pause button::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 0.3rem; height: 1rem; box-sizing: border-box; background-color: #fff; } .slider .controller.-pause button::before { left: 32%; } .slider .controller.-pause button::after { left: 59%; } .slider .controller.-play button::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 0.3rem; height: 1rem; box-sizing: border-box; border: 0.3em solid transparent; border-left: 0.5em solid #fff; } .slider .controller.-play button::before { left: 36%; } .slider .controller.is-focus { background-color: #fff; border-color: #333; } .slider .controller.is-focus.-play button::before { background-color: #f2f6f7; border-left-color: #333; } .slider .controller.is-focus.-pause button::before, .slider .controller.is-focus.-pause button::after { background-color: #333; border-color: #333; } @media screen and (max-width: 834px) { .slider .slide { margin-bottom: 1.5rem !important; } } .slider .slide .slick-slide { transition-duration: 300ms; } .slider .slide .slick-slide:focus-visible { text-decoration: underline; } @media (hover: hover) { .slider .slide .slick-slide:hover { text-decoration: underline; } } @media (hover: none) { .slider .slide .slick-slide:active { text-decoration: underline; } } .slider .slide .slick-slide:focus-visible { text-decoration: none; } .slider .slide .slick-slide:focus-visible .slide__content--title { color: #cb2c00; text-decoration: underline; transition-duration: 300ms; } @media (hover: hover) { .slider .slide .slick-slide:hover { text-decoration: none; } .slider .slide .slick-slide:hover .slide__content--title { color: #cb2c00; text-decoration: underline; transition-duration: 300ms; } } @media (hover: none) { .slider .slide .slick-slide:active { text-decoration: none; } .slider .slide .slick-slide:active .slide__content--title { color: #cb2c00; text-decoration: underline; transition-duration: 300ms; } } .slider .slide .slide__item { max-width: 38.4rem; margin: 0 1.2rem; border: 0.1rem solid #bbb; padding-bottom: 0.1rem; } @media screen and (max-width: 834px) { .slider .slide .slide__item { max-width: 29rem; } } .slider .slide .slide__item a { display: block; height: 100%; transition-duration: 300ms; } .slider .slide .slide__item a:focus-visible { text-decoration: underline; } @media (hover: hover) { .slider .slide .slide__item a:hover { text-decoration: underline; } } @media (hover: none) { .slider .slide .slide__item a:active { text-decoration: underline; } } .slider .slide .slide__item a:focus-visible { text-decoration: none; } .slider .slide .slide__item a:focus-visible .slide__content--title { color: #cb2c00; text-decoration: underline; transition-duration: 300ms; } @media (hover: hover) { .slider .slide .slide__item a:hover { text-decoration: none; } .slider .slide .slide__item a:hover .slide__content--title { color: #cb2c00; text-decoration: underline; transition-duration: 300ms; } } @media (hover: none) { .slider .slide .slide__item a:active { text-decoration: none; } .slider .slide .slide__item a:active .slide__content--title { color: #cb2c00; text-decoration: underline; transition-duration: 300ms; } } .slider .slide .slide__item figure { position: relative; aspect-ratio: 3/2; } .slider .slide .slide__item figure img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .slider .slide .slide__item figure .slide__content--cate { position: absolute; bottom: 0; left: 0; color: #fff; z-index: 2; width: 100%; font-size: 1.6rem; font-weight: bold; } @media screen and (max-width: 834px) { .slider .slide .slide__item figure .slide__content--cate { font-size: 1.4rem; } } .slider .slide .slide__item figure .slide__content--cate::before, .slider .slide .slide__item figure .slide__content--cate::after { content: ""; position: absolute; bottom: 0; left: 0; } .slider .slide .slide__item figure .slide__content--cate::before { width: 19rem; z-index: -2; } @media screen and (max-width: 834px) { .slider .slide .slide__item figure .slide__content--cate::before { width: 18rem; } } .slider .slide .slide__item figure .slide__content--cate::after { width: 100%; height: 1.8rem; z-index: -1; } @media screen and (max-width: 834px) { .slider .slide .slide__item figure .slide__content--cate::after { height: 1.5rem; } } .slider .slide .slide__item figure .slide__content--cate.-management::before { border-bottom: solid 4rem #cb2c00; border-right: solid 2rem transparent; } @media screen and (max-width: 834px) { .slider .slide .slide__item figure .slide__content--cate.-management::before { border-bottom: solid 3rem #cb2c00; border-right: solid 1.5rem transparent; } } .slider .slide .slide__item figure .slide__content--cate.-management::after { background-color: #cb2c00; } .slider .slide .slide__item figure .slide__content--cate.-business::before { border-bottom: solid 4rem #333; border-right: solid 2rem transparent; } @media screen and (max-width: 834px) { .slider .slide .slide__item figure .slide__content--cate.-business::before { border-bottom: solid 3rem #333; border-right: solid 1.5rem transparent; } } .slider .slide .slide__item figure .slide__content--cate.-business::after { background-color: #333; } .slider .slide .slide__item figure .slide__content--cate.-institution::before { border-bottom: solid 4rem #19216b; border-right: solid 2rem transparent; } @media screen and (max-width: 834px) { .slider .slide .slide__item figure .slide__content--cate.-institution::before { border-bottom: solid 3rem #19216b; border-right: solid 1.5rem transparent; } } .slider .slide .slide__item figure .slide__content--cate.-institution::after { background-color: #19216b; } .slider .slide .slide__item figure .slide__content--cate p { position: absolute; bottom: 0.7rem; left: 1rem; } @media screen and (max-width: 834px) { .slider .slide .slide__item figure .slide__content--cate p { bottom: 0.4rem; } } .slider .slide .slide__item .slide__content { text-align: left; padding: 2rem; display: flex; flex-direction: column; border-top: 0.1rem solid #bbb; } @media screen and (min-width: 835px), print { .slider .slide .slide__item .slide__content { width: 38.2rem; } } @media screen and (max-width: 834px) { .slider .slide .slide__item .slide__content { width: 29rem; padding: 1.5rem; } } .slider .slide .slide__item .slide__content--title { font-size: 2rem; font-weight: bold; margin-bottom: 1rem; line-height: 1.5; flex-grow: 1; height: 100%; min-height: 0%; } @media screen and (max-width: 834px) { .slider .slide .slide__item .slide__content--title { font-size: 1.65rem; margin-bottom: 0.5rem; } } .slider .slide .slide__item .slide__content--text { line-height: 1.5; flex-grow: 1; height: 100%; min-height: 0%; } @media screen and (max-width: 834px) { .slider .slide .slide__item .slide__content--text { font-size: 1.4rem; } } .slider .slick-track { display: flex; } .slider .slick-slide { height: auto !important; } .slider .slick-slide > div { display: flex; height: 100%; } .slider .pickup-slide--arrow { display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 5rem; background-color: #222; position: absolute; opacity: 0.9; top: 44%; transform: translateY(-50%); z-index: 5; box-shadow: 0.5rem 0.5rem 0.5rem 0px rgba(0, 0, 0, 0.16); cursor: pointer; transition-duration: 300ms; } .slider .pickup-slide--arrow:focus-visible { background-color: #cb2c00; } @media (hover: hover) { .slider .pickup-slide--arrow:hover { background-color: #cb2c00; } } @media (hover: none) { .slider .pickup-slide--arrow:active { background-color: #cb2c00; } } @media screen and (max-width: 834px) { .slider .pickup-slide--arrow { width: 2.7rem; height: 3.8rem; top: 43%; } } @media screen and (max-width: 834px) { .slider .pickup-slide--arrow svg { width: 0.9rem; height: 1.5rem; } } .slider .pickup-slide--arrow.-prev { left: calc(50% - 64rem); } @media screen and (max-width: 834px) { .slider .pickup-slide--arrow.-prev { left: 1rem; } } .slider .pickup-slide--arrow.-next { right: calc(50% - 64rem); } @media screen and (max-width: 834px) { .slider .pickup-slide--arrow.-next { right: 1rem; } } .slide.disabled { margin-bottom: 4rem; margin-bottom: 4rem; } @media screen and (max-width: 834px) { .slide.disabled { padding: 0; } } @media screen and (min-width: 835px), print { .slide.disabled .slick-list { padding: 0 !important; } .slide.disabled .slick-track { padding: 0; transform: translate3d(0, 0, 0) !important; } .slide.disabled .slick-track .slick-slide { margin-right: 2.4rem; } .slide.disabled .slick-track .slick-slide:last-of-type { margin-right: 0; } .slide.disabled .slick-track .slide__item { margin: 0; } } .facility .slider { margin-right: 0; margin-left: 0; } .slick-autoplay-toggle-button { display: none; } .facility-slider .slider .slide .slide__item .slide__content { width: 26.4rem; } @media screen and (min-width: 835px), print { .facility-slider .slider .pickup-slide--arrow.-prev { left: calc(50% - 48rem); } } @media screen and (min-width: 835px), print { .facility-slider .slider .pickup-slide--arrow.-next { right: calc(50% - 48rem); } } .top_slider { display: flex; flex-direction: column-reverse; position: relative; } @media screen and (max-width: 834px) { .top_slider { margin-bottom: 1.5rem; } } @media screen and (min-width: 835px), print { .top_slider { margin-bottom: 3rem; } } .top_slider .top_slide .slide__item a { display: block; position: relative; transition-duration: 300ms; position: relative; } @media screen and (max-width: 834px) { .top_slider .top_slide .slide__item a { min-width: 375px; width: 100vw; } } .top_slider .top_slide .slide__item a::after { pointer-events: none; z-index: 1; } .top_slider .top_slide .slide__item a:after { content: ""; display: block; width: 100%; height: 100%; border: 0.3rem solid transparent; position: absolute; top: 0; left: 0; pointer-events: none; transition-duration: 300ms; } .top_slider .top_slide .slide__item a:focus-visible:after { border-color: #cb2c00; } @media (hover: hover) { .top_slider .top_slide .slide__item a:hover:after { border-color: #cb2c00; } } @media (hover: none) { .top_slider .top_slide .slide__item a:active:after { border-color: #cb2c00; } } .top_slider .top_slide .slide__item a figure img { width: 100%; height: 100%; object-fit: cover; } @media print { .top_slider .top_slide .slide__item a figure img { width: 100vw !important; } } @media print { .top_slider .top_slide .slide__item a figure _:lang(x)::-moz-placeholder, .top_slider .top_slide .slide__item a figure img { width: 1240px !important; } } .top_slider .top_slide .slide__item a .slide__icon { display: flex; align-items: center; justify-content: center; background: #fff; position: absolute; width: 2rem; height: 2rem; right: 0.4rem; top: 0.4rem; } @media screen and (max-width: 834px) { .top_slider .top_slide .slide__item a .slide__icon { width: 1.5rem; height: 1.5rem; } } .top_slider .top_slide .slide__item a .slide__icon svg { width: 1.5rem; height: 1.5rem; } @media screen and (max-width: 834px) { .top_slider .top_slide .slide__item a .slide__icon svg { width: 1.1rem; height: 1.1rem; } } .top_slider .top_slide .slide__item a .slide__icon .link-icon--out { margin: 0; } .top_slider .top_slide__area { position: relative; } .top_slider .top_slide__arrow { display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; background-color: rgba(51, 51, 51, 0.8); border-radius: 50%; margin: auto; position: absolute; top: 0; bottom: 0; z-index: 5; cursor: pointer; transition-duration: 300ms; } .top_slider .top_slide__arrow:focus-visible { background-color: rgba(203, 44, 0, 0.8); } @media (hover: hover) { .top_slider .top_slide__arrow:hover { background-color: rgba(203, 44, 0, 0.8); } } @media (hover: none) { .top_slider .top_slide__arrow:active { background-color: rgba(203, 44, 0, 0.8); } } .top_slider .top_slide__arrow:focus-visible { transform: scale(1.3); } @media screen and (max-width: 834px) { .top_slider .top_slide__arrow { display: none; } } .top_slider .top_slide__arrow[data-direction=slickPrev] { left: 2rem; transform-origin: left center; } .top_slider .top_slide__arrow[data-direction=slickPrev]::after { content: ""; display: block; width: 1.4rem; height: 1.4rem; border-top: 0.3rem solid #fff; border-right: 0.3rem solid #fff; transform: rotate(-135deg); } .top_slider .top_slide__arrow[data-direction=slickPrev]::after { margin-left: 0.5rem; } .top_slider .top_slide__arrow[data-direction=slickNext] { right: 2rem; transform-origin: right center; } .top_slider .top_slide__arrow[data-direction=slickNext]::after { content: ""; display: block; width: 1.4rem; height: 1.4rem; border-top: 0.3rem solid #fff; border-right: 0.3rem solid #fff; transform: rotate(45deg); } .top_slider .top_slide__arrow[data-direction=slickNext]::after { margin-right: 0.5rem; } .top_slider__indicator { display: inline-flex; display: flex; align-items: center; flex-wrap: wrap; position: relative; } @media screen and (max-width: 834px) { .top_slider__indicator { max-width: 80%; } } .top_slider__indicator__item:not(:last-child) { font-size: 0; background-color: #f2f6f7; } @media screen and (max-width: 834px) { .top_slider__indicator__item:not(:last-child) { padding: 0.5rem; } } @media screen and (min-width: 835px), print { .top_slider__indicator__item:not(:last-child) { padding: 0.7rem; } } @media screen and (min-width: 835px), print { .top_slider__indicator__item:not(:last-child):first-child { padding-left: 2rem; } } @media screen and (min-width: 835px), print { .top_slider__indicator__item:not(:last-child):nth-last-child(2) { padding-right: 2rem; } } .top_slider__indicator__item button { cursor: pointer; font-size: 0; background: #bbb; border: 0 solid; transition-duration: 300ms; } @media screen and (max-width: 834px) { .top_slider__indicator__item button { width: 1rem; height: 1rem; border-color: #333; } } @media screen and (min-width: 835px), print { .top_slider__indicator__item button { width: 1.2rem; height: 1.2rem; border-color: #cb2c00; } } .top_slider__indicator__item button:focus-visible { border-width: 0.2rem; } @media (hover: hover) { .top_slider__indicator__item button:hover { border-width: 0.2rem; } } @media (hover: none) { .top_slider__indicator__item button:active { border-width: 0.2rem; } } .top_slider__indicator__item button[data-current=true] { background: #cb2c00; border-color: #cb2c00; transition-duration: 300ms; } .top_slider__indicator__item button[data-current=true]:focus-visible { background: transparent; border-width: 0.2rem; } @media (hover: hover) { .top_slider__indicator__item button[data-current=true]:hover { background: transparent; border-width: 0.2rem; } } @media (hover: none) { .top_slider__indicator__item button[data-current=true]:active { background: transparent; border-width: 0.2rem; } } .top_slider .pause-button { display: flex; align-items: center; justify-content: center; background: #333; border: 0.2rem solid transparent; transition-duration: 300ms; } .top_slider .pause-button:focus-visible { background: #f2f6f7; border-color: #333; } @media (hover: hover) { .top_slider .pause-button:hover { background: #f2f6f7; border-color: #333; } } @media (hover: none) { .top_slider .pause-button:active { background: #f2f6f7; border-color: #333; } } @media screen and (max-width: 834px) { .top_slider .pause-button { width: 2rem; height: 2rem; } } @media screen and (min-width: 835px), print { .top_slider .pause-button { width: 2.6rem; height: 2.6rem; } } .top_slider .pause-button:after { content: ""; display: block; } @media screen and (max-width: 834px) { .top_slider .pause-button:after { width: 0.8rem; height: 0.8rem; } } @media screen and (min-width: 835px), print { .top_slider .pause-button:after { width: 1rem; height: 1rem; } } .top_slider .pause-button[data-autoplay=true] { transition-duration: 300ms; } .top_slider .pause-button[data-autoplay=true]:after { border: 0 solid #fff; } @media screen and (max-width: 834px) { .top_slider .pause-button[data-autoplay=true]:after { border-left-width: 0.25rem; border-right-width: 0.25rem; } } @media screen and (min-width: 835px), print { .top_slider .pause-button[data-autoplay=true]:after { border-left-width: 0.3rem; border-right-width: 0.3rem; } } .top_slider .pause-button[data-autoplay=true]:focus-visible:after { border-color: #333; } @media (hover: hover) { .top_slider .pause-button[data-autoplay=true]:hover:after { border-color: #333; } } @media (hover: none) { .top_slider .pause-button[data-autoplay=true]:active:after { border-color: #333; } } .top_slider .pause-button[data-autoplay=false] { transition-duration: 300ms; } .top_slider .pause-button[data-autoplay=false]:after { background: #fff; clip-path: polygon(0 100%, 100% 50%, 0 0); margin-left: 0.2rem; } .top_slider .pause-button[data-autoplay=false]:focus-visible:after { background: #333; } @media (hover: hover) { .top_slider .pause-button[data-autoplay=false]:hover:after { background: #333; } } @media (hover: none) { .top_slider .pause-button[data-autoplay=false]:active:after { background: #333; } } .top_slider .look-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #fff; border: 0 solid #cb2c00; border-radius: 10rem; box-shadow: 0.3rem 0.3rem 0rem 0rem rgba(0, 0, 0, 0.16); position: absolute; opacity: 0; transition-duration: 300ms; } @media screen and (max-width: 834px) { .top_slider .look-btn { width: 8.4rem; height: 8.4rem; gap: 0.5rem; border-width: 0.25rem; right: 0.2rem; bottom: -0.3rem; } .top_slider .look-btn::after { content: ""; display: block; width: 0.7rem; height: 0.7rem; border-top: 0.15rem solid #cb2c00; border-right: 0.15rem solid #cb2c00; transform: rotate(135deg); } } @media screen and (min-width: 835px), print { .top_slider .look-btn { width: 16.8rem; height: 16.8rem; gap: 1rem; border-width: 0.5rem; right: 0.5rem; bottom: 0; } .top_slider .look-btn::after { content: ""; display: block; width: 1.4rem; height: 1.4rem; border-top: 0.3rem solid #cb2c00; border-right: 0.3rem solid #cb2c00; transform: rotate(135deg); } } .top_slider .look-btn:focus-visible { background-color: #cb2c00; border-color: #fff; color: #fff; } .top_slider .look-btn:focus-visible::after { border-color: #fff; } .top_slider .look-btn:focus-visible .look-btn__head { color: #fff; } .top_slider .look-btn:focus-visible .look-btn__head::before, .top_slider .look-btn:focus-visible .look-btn__head::after { background-color: #fff; } @media (hover: hover) { .top_slider .look-btn:hover { background-color: #cb2c00; border-color: #fff; color: #fff; } .top_slider .look-btn:hover::after { border-color: #fff; } .top_slider .look-btn:hover .look-btn__head { color: #fff; } .top_slider .look-btn:hover .look-btn__head::before, .top_slider .look-btn:hover .look-btn__head::after { background-color: #fff; } } @media (hover: none) { .top_slider .look-btn:active { background-color: #cb2c00; border-color: #fff; color: #fff; } .top_slider .look-btn:active::after { border-color: #fff; } .top_slider .look-btn:active .look-btn__head { color: #fff; } .top_slider .look-btn:active .look-btn__head::before, .top_slider .look-btn:active .look-btn__head::after { background-color: #fff; } } .top_slider .look-btn:after { transition-duration: 300ms; } .top_slider .look-btn[data-active=true] { animation: slideInTop 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards; } @keyframes slideInTop { 0% { transform: translateY(-140px); opacity: 0; } 50% { transform: translateY(0); } 65% { transform: translateY(-30px); } 100% { transform: translateY(0); } 20%, 100% { opacity: 1; } } .top_slider .look-btn__head { color: #cb2c00; position: relative; transition-duration: 300ms; } @media screen and (max-width: 834px) { .top_slider .look-btn__head { font-size: 0.8rem; } } .top_slider .look-btn__head::before, .top_slider .look-btn__head::after { content: ""; height: 0.1rem; background-color: #cb2c00; position: absolute; bottom: 0.2rem; transition-duration: 300ms; } @media screen and (max-width: 834px) { .top_slider .look-btn__head::before, .top_slider .look-btn__head::after { width: 1.1rem; } } @media screen and (min-width: 835px), print { .top_slider .look-btn__head::before, .top_slider .look-btn__head::after { width: 2.2rem; } } .top_slider .look-btn__head::before { transform: rotate(45deg); } @media screen and (max-width: 834px) { .top_slider .look-btn__head::before { left: -1rem; } } @media screen and (min-width: 835px), print { .top_slider .look-btn__head::before { left: -2rem; } } .top_slider .look-btn__head::after { transform: rotate(-45deg); } @media screen and (max-width: 834px) { .top_slider .look-btn__head::after { right: -1rem; } } @media screen and (min-width: 835px), print { .top_slider .look-btn__head::after { right: -2rem; } } .top_slider .look-btn__text { line-height: 1.5; font-weight: bold; text-align: center; } @media screen and (max-width: 834px) { .top_slider .look-btn__text { font-size: 1.1rem; } } @media screen and (min-width: 835px), print { .top_slider .look-btn__text { font-size: 2.2rem; } } .top_slider__catch { display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 500; letter-spacing: 0.04em; background: #cb2c00; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; pointer-events: none; } @media screen and (max-width: 834px) { .top_slider__catch { width: 35.2rem; height: 2.5rem; font-size: 1.3rem; clip-path: polygon(1.25rem 0, 100% 0, calc(100% - 1.25rem) 100%, 0 100%); } } @media screen and (min-width: 835px), print { .top_slider__catch { width: 70.4rem; height: 5rem; font-size: 2.6rem; clip-path: polygon(2.5rem 0, 100% 0, calc(100% - 2.5rem) 100%, 0 100%); } } .facility-slider .slider { margin-top: 3rem; } @media screen and (min-width: 835px), print { .facility-slider .slider { width: 88rem; margin-left: 0; margin-right: 0; } } .facility-slider .slider .pickup-slide--arrow { top: 40%; } @media screen and (min-width: 835px), print { .facility-slider .slider .slide__item { max-width: 26.4rem; margin: 0 2.2rem; } } @media screen and (max-width: 834px) { .facility-slider .slider .slide__item { margin: 0 1rem; } } .facility-slider .slider .slide__item .slide__content { padding: 1rem; } .facility-slider .slider .slide__item .slide__content--title { font-size: 1.6rem; } .facility-slider .slider .disabled { padding: 0; } .facility-slider .slider .disabled .slick-slide { margin-right: 4.4rem; } .acc, .acc--search, .acc--facility, .acc--decimal, .acc--faq { display: flex; flex-direction: column; gap: 2rem; } @media screen and (min-width: 835px), print { .acc, .acc--search, .acc--facility, .acc--decimal, .acc--faq { margin-top: 3rem; } } @media screen and (max-width: 834px) { .acc, .acc--search, .acc--facility, .acc--decimal, .acc--faq { margin-top: 1.5rem; } } .acc__item { border: 0.1rem solid #333; } .acc-summary { display: flex; align-items: center; justify-content: space-between; width: 100%; background: #fff5f2; cursor: pointer; transition-duration: 300ms; } .acc-summary:focus-visible { text-decoration: underline; } @media (hover: hover) { .acc-summary:hover { text-decoration: underline; } } @media (hover: none) { .acc-summary:active { text-decoration: underline; } } .acc-summary:focus-visible { color: #cb2c00; } @media (hover: hover) { .acc-summary:hover { color: #cb2c00; } } @media (hover: none) { .acc-summary:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .acc-summary { gap: 2rem; padding: 1.5rem 2rem; } .acc-summary:focus-visible { outline: auto; } } @media screen and (max-width: 834px) { .acc-summary { gap: 1rem; padding: 1rem; min-height: 5.4rem; } } .acc-summary__ttl { font-weight: 700; line-height: 1.4; flex: 1; } @media screen and (min-width: 835px), print { .acc-summary__ttl { font-size: 2rem; } } @media screen and (max-width: 834px) { .acc-summary__ttl { font-size: 1.4rem; } } .acc-summary__btn { display: block; flex-shrink: 0; background: #cb2c00; position: relative; } @media screen and (min-width: 835px), print { .acc-summary__btn { width: 3rem; height: 3rem; } } @media screen and (max-width: 834px) { .acc-summary__btn { width: 2.4rem; height: 2.4rem; } } .acc-summary__btn::before, .acc-summary__btn::after { content: ""; display: block; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 300ms; } @media screen and (min-width: 835px), print { .acc-summary__btn::before, .acc-summary__btn::after { width: 1.8rem; } } @media screen and (max-width: 834px) { .acc-summary__btn::before, .acc-summary__btn::after { width: 1.5rem; } } .acc-summary__btn::before { height: 0.2rem; } @media screen and (min-width: 835px), print { .acc-summary__btn::before { width: 1.8rem; } } @media screen and (max-width: 834px) { .acc-summary__btn::before { width: 1.5rem; } } .acc-summary__btn::after { width: 0.2rem; } @media screen and (min-width: 835px), print { .acc-summary__btn::after { height: 1.8rem; } } @media screen and (max-width: 834px) { .acc-summary__btn::after { height: 1.5rem; } } .acc-summary[aria-expanded=true] .acc-summary__btn::after { transform: translate(-50%, -50%) rotate(90deg); } @media screen and (min-width: 835px), print { .acc-content__inner { padding: 2.4rem 7rem 0 2rem; } } @media screen and (max-width: 834px) { .acc-content__inner { padding: 2rem 2rem 0; } } .acc-content__inner > *:first-child { margin-top: 0; } .acc-content__close-btn { display: block; line-height: 1.5; padding: 0.5rem; position: relative; transition-duration: 300ms; } .acc-content__close-btn:focus-visible { text-decoration: underline; } @media (hover: hover) { .acc-content__close-btn:hover { text-decoration: underline; } } @media (hover: none) { .acc-content__close-btn:active { text-decoration: underline; } } .acc-content__close-btn:hover { cursor: pointer; } .acc-content__close-btn:focus-visible { outline: auto; } @media screen and (min-width: 835px), print { .acc-content__close-btn { padding-left: 3.1rem; } } @media screen and (max-width: 834px) { .acc-content__close-btn { padding-left: 2.8rem; } } .acc-content__close-btn::before, .acc-content__close-btn::after { content: ""; display: block; background: #333; position: absolute; left: 0.5rem; } @media screen and (min-width: 835px), print { .acc-content__close-btn::before, .acc-content__close-btn::after { width: 2rem; height: 0.2rem; top: 1.7rem; } } @media screen and (max-width: 834px) { .acc-content__close-btn::before, .acc-content__close-btn::after { width: 1.6rem; height: 0.1rem; top: 1.5rem; } } .acc-content__close-btn::before { transform: rotate(45deg); } .acc-content__close-btn::after { transform: rotate(-45deg); } .acc-content__close-btn__wrap { display: flex; justify-content: flex-end; } @media screen and (min-width: 835px), print { .acc-content__close-btn__wrap { padding: 1.1rem 1.5rem 1.9rem; } } @media screen and (max-width: 834px) { .acc-content__close-btn__wrap { padding: 1.5rem; } } .acc--faq .acc-summary { position: relative; } @media screen and (min-width: 835px), print { .acc--faq .acc-summary { padding-left: 6.2rem; } } @media screen and (max-width: 834px) { .acc--faq .acc-summary { padding-left: 4rem; } } .acc--faq .acc-summary::before { content: "Q"; display: block; color: #cb2c00; font-weight: 700; position: absolute; } @media screen and (min-width: 835px), print { .acc--faq .acc-summary::before { font-size: 2.8rem; top: 0.8rem; left: 2rem; } } @media screen and (max-width: 834px) { .acc--faq .acc-summary::before { font-size: 2.5rem; top: 45%; left: 1.1rem; transform: translateY(-50%); } } .acc--faq .acc-content { position: relative; } @media screen and (min-width: 835px), print { .acc--faq .acc-content__inner { padding-left: 6.2rem; } } @media screen and (max-width: 834px) { .acc--faq .acc-content__inner { padding-top: 4.8rem; } } .acc--faq .acc-content::before { content: "A"; display: block; font-weight: 700; position: absolute; } @media screen and (min-width: 835px), print { .acc--faq .acc-content::before { font-size: 2.8rem; top: 2.2rem; left: 2rem; } } @media screen and (max-width: 834px) { .acc--faq .acc-content::before { font-size: 2.5rem; top: 1.5rem; left: 1.1rem; } } .acc--decimal { counter-reset: acc-cnt; } .acc--decimal .acc-summary { position: relative; } @media screen and (min-width: 835px), print { .acc--decimal .acc-summary { padding-left: 7.6rem; } } @media screen and (max-width: 834px) { .acc--decimal .acc-summary { padding-left: 7.1rem; } } .acc--decimal .acc-summary::before { content: counter(acc-cnt); counter-increment: acc-cnt; display: flex; align-items: center; justify-content: center; height: 100%; background: #cb2c00; color: #fff; font-weight: 700; position: absolute; top: 0; left: 0; } @media screen and (min-width: 835px), print { .acc--decimal .acc-summary::before { width: 6rem; font-size: 2.4rem; } } @media screen and (max-width: 834px) { .acc--decimal .acc-summary::before { width: 5.6rem; font-size: 1.9rem; } } @media screen and (min-width: 835px), print { .acc--decimal .acc-content__inner { padding-left: 7.6rem; } } @media screen and (min-width: 835px), print { .acc--facility picture { max-width: 56.8rem; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; } } .acc--search .acc-summary { background: transparent; } .acc--search .acc-content__inner { padding-top: 0; } @media screen and (max-width: 834px) { .acc--search .acc-content__inner { padding-top: 1rem; } } @media screen and (min-width: 835px), print { html[lang=en] .acc-content__close-btn::before, html[lang=en] .acc-content__close-btn::after { top: 2rem; } } .btn-list--col3, .btn-list--col2, .btn-list--col1 { display: flex; margin-left: auto; margin-right: auto; } @media screen and (max-width: 834px) { .btn-list--col3, .btn-list--col2, .btn-list--col1 { flex-direction: column; align-items: center; gap: 2rem; max-width: 49.7rem; margin-top: 1.6rem; } } @media screen and (min-width: 835px), print { .btn-list--col3, .btn-list--col2, .btn-list--col1 { margin-top: 3rem; } } .btn, .legacy .link-btn a, .btn--black { width: 100%; max-width: 49.7rem; display: flex; align-items: center; color: #333; position: relative; background: #fff; border-top: 0.1rem solid #333; border-left: 0.1rem solid #333; border-right: 0.1rem solid #333; border-bottom: solid #cb2c00; transition-duration: 300ms; } .btn:focus-visible, .legacy .link-btn a:focus-visible, .btn--black:focus-visible { text-decoration: underline; } @media (hover: hover) { .btn:hover, .legacy .link-btn a:hover, .btn--black:hover { text-decoration: underline; } } @media (hover: none) { .btn:active, .legacy .link-btn a:active, .btn--black:active { text-decoration: underline; } } .btn:focus-visible, .legacy .link-btn a:focus-visible, .btn--black:focus-visible { color: #fff; background: #333; } .btn:focus-visible .link-icon--out g, .legacy .link-btn a:focus-visible .link-icon--out g, .btn--black:focus-visible .link-icon--out g { stroke: #fff; } .btn:focus-visible .link-icon--out path, .legacy .link-btn a:focus-visible .link-icon--out path, .btn--black:focus-visible .link-icon--out path { fill: #fff; } .btn:focus-visible::after, .legacy .link-btn a:focus-visible::after, .btn--black:focus-visible::after { border-color: #fff; } @media (hover: hover) { .btn:hover, .legacy .link-btn a:hover, .btn--black:hover { color: #fff; background: #333; } .btn:hover .link-icon--out g, .legacy .link-btn a:hover .link-icon--out g, .btn--black:hover .link-icon--out g { stroke: #fff; } .btn:hover .link-icon--out path, .legacy .link-btn a:hover .link-icon--out path, .btn--black:hover .link-icon--out path { fill: #fff; } .btn:hover::after, .legacy .link-btn a:hover::after, .btn--black:hover::after { border-color: #fff; } } @media (hover: none) { .btn:active, .legacy .link-btn a:active, .btn--black:active { color: #fff; background: #333; } .btn:active .link-icon--out g, .legacy .link-btn a:active .link-icon--out g, .btn--black:active .link-icon--out g { stroke: #fff; } .btn:active .link-icon--out path, .legacy .link-btn a:active .link-icon--out path, .btn--black:active .link-icon--out path { fill: #fff; } .btn:active::after, .legacy .link-btn a:active::after, .btn--black:active::after { border-color: #fff; } } @media screen and (min-width: 835px), print { .btn, .legacy .link-btn a, .btn--black { padding-top: 1em; padding-left: 3rem; padding-right: 4.5rem; padding-bottom: 1em; border-bottom-width: 0.4rem; } .btn::after, .legacy .link-btn a::after, .btn--black::after { content: ""; display: block; width: 0.8rem; height: 0.8rem; border-top: 0.2rem solid #333; border-right: 0.2rem solid #333; transform: rotate(45deg); top: calc(50% - 0.4rem); right: 2rem; } } @media screen and (max-width: 834px) { .btn, .legacy .link-btn a, .btn--black { padding-top: 1.8rem; padding-left: 2rem; padding-right: 5rem; padding-bottom: 1.8rem; border-bottom-width: 0.25rem; } .btn::after, .legacy .link-btn a::after, .btn--black::after { content: ""; display: block; width: 1.1rem; height: 1.1rem; border-top: 0.3rem solid #333; border-right: 0.3rem solid #333; transform: rotate(45deg); top: calc(50% - 0.5rem); right: 1.5rem; } } .btn::after, .legacy .link-btn a::after, .btn--black::after { position: absolute; margin: auto; } .btn--black { background: #333; color: #fff; border-top: none; border-left: none; border-right: none; transition-duration: 300ms; } .btn--black:focus-visible { text-decoration: underline; } @media (hover: hover) { .btn--black:hover { text-decoration: underline; } } @media (hover: none) { .btn--black:active { text-decoration: underline; } } .btn--black:focus-visible { background: #cb2c00; border-color: #333; } @media (hover: hover) { .btn--black:hover { background: #cb2c00; border-color: #333; } } @media (hover: none) { .btn--black:active { background: #cb2c00; border-color: #333; } } .btn--black::after { border-color: #fff; } .btn--black .link-icon--out g { stroke: #fff; } .btn--black .link-icon--out path { fill: #fff; } .btn__txt { font-weight: 700; line-height: 1.375; position: relative; } @media screen and (min-width: 835px), print { .btn-list--col1 { max-width: 49.7rem; flex-direction: column; align-items: center; gap: 3rem; } } @media screen and (min-width: 835px), print { .btn-list--col2 { flex-wrap: wrap; gap: 3rem 6rem; max-width: 105.4rem; } .btn-list--col2 .btn-list__item { width: calc((100% - 6rem) / 2); } } @media screen and (min-width: 835px), print { .btn-list--col3 { flex-wrap: wrap; gap: 3rem 3.8rem; } .btn-list--col3 .btn-list__item { width: calc((100% - 7.6rem) / 3); } } .btn-list__item { width: 100%; } .btn-list__item .btn, .btn-list__item .legacy .link-btn a, .legacy .link-btn .btn-list__item a, .btn-list__item .btn--black { height: 100%; } .btn--left .btn-list--col1 { max-width: none; } .btn--left .btn-list--col2 { max-width: none; } @media screen and (min-width: 835px), print { .btn--left .btn-list--col2 .btn-list__item { width: 41rem; } } .btn--center > * { justify-content: center; } @media screen and (min-width: 835px), print { .btn--center .btn-list--col2 .btn-list__item { width: 41rem; } } .btn--right .btn-list--col1 { margin-right: 0; } .btn--search .btn-list--col1 { max-width: 27rem; } @media screen and (max-width: 834px) { .btn--search .btn-list--col1 { max-width: none; } } .btn--search .btn-list__item .btn, .btn--search .btn-list__item .legacy .link-btn a, .legacy .link-btn .btn--search .btn-list__item a, .btn--search .btn-list__item .btn--black { color: #fff; border-width: 0.2rem; border-color: #cb2c00; border-bottom-width: 0.4rem; border-bottom-color: #333; background-color: #cb2c00; justify-content: center; gap: 1rem; font-weight: bold; font-size: 1.8rem; transition-duration: 300ms; } .btn--search .btn-list__item .btn::after, .btn--search .btn-list__item .legacy .link-btn a::after, .legacy .link-btn .btn--search .btn-list__item a::after, .btn--search .btn-list__item .btn--black::after { display: none; } .btn--search .btn-list__item .btn svg, .btn--search .btn-list__item .legacy .link-btn a svg, .legacy .link-btn .btn--search .btn-list__item a svg, .btn--search .btn-list__item .btn--black svg { width: 2.4rem; height: 2.4rem; } .btn--search .btn-list__item .btn svg path, .btn--search .btn-list__item .legacy .link-btn a svg path, .legacy .link-btn .btn--search .btn-list__item a svg path, .btn--search .btn-list__item .btn--black svg path { transition-duration: 300ms; } @media screen and (max-width: 834px) { .btn--search .btn-list__item .btn svg, .btn--search .btn-list__item .legacy .link-btn a svg, .legacy .link-btn .btn--search .btn-list__item a svg, .btn--search .btn-list__item .btn--black svg { width: 2.3rem; height: 2.3rem; } } .btn--search .btn-list__item .btn:focus-visible, .btn--search .btn-list__item .legacy .link-btn a:focus-visible, .legacy .link-btn .btn--search .btn-list__item a:focus-visible, .btn--search .btn-list__item .btn--black:focus-visible { text-decoration: underline; } @media (hover: hover) { .btn--search .btn-list__item .btn:hover, .btn--search .btn-list__item .legacy .link-btn a:hover, .legacy .link-btn .btn--search .btn-list__item a:hover, .btn--search .btn-list__item .btn--black:hover { text-decoration: underline; } } @media (hover: none) { .btn--search .btn-list__item .btn:active, .btn--search .btn-list__item .legacy .link-btn a:active, .legacy .link-btn .btn--search .btn-list__item a:active, .btn--search .btn-list__item .btn--black:active { text-decoration: underline; } } .btn--search .btn-list__item .btn:focus-visible, .btn--search .btn-list__item .legacy .link-btn a:focus-visible, .legacy .link-btn .btn--search .btn-list__item a:focus-visible, .btn--search .btn-list__item .btn--black:focus-visible { background-color: #fff; color: #cb2c00; border-color: #cb2c00; cursor: pointer; } .btn--search .btn-list__item .btn:focus-visible svg path, .btn--search .btn-list__item .legacy .link-btn a:focus-visible svg path, .legacy .link-btn .btn--search .btn-list__item a:focus-visible svg path, .btn--search .btn-list__item .btn--black:focus-visible svg path { fill: #cb2c00; } @media (hover: hover) { .btn--search .btn-list__item .btn:hover, .btn--search .btn-list__item .legacy .link-btn a:hover, .legacy .link-btn .btn--search .btn-list__item a:hover, .btn--search .btn-list__item .btn--black:hover { background-color: #fff; color: #cb2c00; border-color: #cb2c00; cursor: pointer; } .btn--search .btn-list__item .btn:hover svg path, .btn--search .btn-list__item .legacy .link-btn a:hover svg path, .legacy .link-btn .btn--search .btn-list__item a:hover svg path, .btn--search .btn-list__item .btn--black:hover svg path { fill: #cb2c00; } } @media (hover: none) { .btn--search .btn-list__item .btn:active, .btn--search .btn-list__item .legacy .link-btn a:active, .legacy .link-btn .btn--search .btn-list__item a:active, .btn--search .btn-list__item .btn--black:active { background-color: #fff; color: #cb2c00; border-color: #cb2c00; cursor: pointer; } .btn--search .btn-list__item .btn:active svg path, .btn--search .btn-list__item .legacy .link-btn a:active svg path, .legacy .link-btn .btn--search .btn-list__item a:active svg path, .btn--search .btn-list__item .btn--black:active svg path { fill: #cb2c00; } } @media screen and (max-width: 834px) { .btn--search .btn-list__item .btn, .btn--search .btn-list__item .legacy .link-btn a, .legacy .link-btn .btn--search .btn-list__item a, .btn--search .btn-list__item .btn--black { padding-top: 1.3rem; padding-bottom: 1.3rem; font-size: 1.5rem; } } .btn--orange .btn-list__item .btn, .btn--orange .btn-list__item .legacy .link-btn a, .legacy .link-btn .btn--orange .btn-list__item a, .btn--orange .btn-list__item .btn--black { color: #fff; border-bottom-color: #333; background-color: #cb2c00; transition-duration: 300ms; } .btn--orange .btn-list__item .btn::after, .btn--orange .btn-list__item .legacy .link-btn a::after, .legacy .link-btn .btn--orange .btn-list__item a::after, .btn--orange .btn-list__item .btn--black::after { border-color: #fff; transition-duration: 300ms; } .btn--orange .btn-list__item .btn:focus-visible, .btn--orange .btn-list__item .legacy .link-btn a:focus-visible, .legacy .link-btn .btn--orange .btn-list__item a:focus-visible, .btn--orange .btn-list__item .btn--black:focus-visible { text-decoration: underline; } @media (hover: hover) { .btn--orange .btn-list__item .btn:hover, .btn--orange .btn-list__item .legacy .link-btn a:hover, .legacy .link-btn .btn--orange .btn-list__item a:hover, .btn--orange .btn-list__item .btn--black:hover { text-decoration: underline; } } @media (hover: none) { .btn--orange .btn-list__item .btn:active, .btn--orange .btn-list__item .legacy .link-btn a:active, .legacy .link-btn .btn--orange .btn-list__item a:active, .btn--orange .btn-list__item .btn--black:active { text-decoration: underline; } } .btn--orange .btn-list__item .btn:focus-visible, .btn--orange .btn-list__item .legacy .link-btn a:focus-visible, .legacy .link-btn .btn--orange .btn-list__item a:focus-visible, .btn--orange .btn-list__item .btn--black:focus-visible { background-color: #fff; color: #cb2c00; border-color: #cb2c00; cursor: pointer; } .btn--orange .btn-list__item .btn:focus-visible::after, .btn--orange .btn-list__item .legacy .link-btn a:focus-visible::after, .legacy .link-btn .btn--orange .btn-list__item a:focus-visible::after, .btn--orange .btn-list__item .btn--black:focus-visible::after { border-color: #cb2c00; } @media (hover: hover) { .btn--orange .btn-list__item .btn:hover, .btn--orange .btn-list__item .legacy .link-btn a:hover, .legacy .link-btn .btn--orange .btn-list__item a:hover, .btn--orange .btn-list__item .btn--black:hover { background-color: #fff; color: #cb2c00; border-color: #cb2c00; cursor: pointer; } .btn--orange .btn-list__item .btn:hover::after, .btn--orange .btn-list__item .legacy .link-btn a:hover::after, .legacy .link-btn .btn--orange .btn-list__item a:hover::after, .btn--orange .btn-list__item .btn--black:hover::after { border-color: #cb2c00; } } @media (hover: none) { .btn--orange .btn-list__item .btn:active, .btn--orange .btn-list__item .legacy .link-btn a:active, .legacy .link-btn .btn--orange .btn-list__item a:active, .btn--orange .btn-list__item .btn--black:active { background-color: #fff; color: #cb2c00; border-color: #cb2c00; cursor: pointer; } .btn--orange .btn-list__item .btn:active::after, .btn--orange .btn-list__item .legacy .link-btn a:active::after, .legacy .link-btn .btn--orange .btn-list__item a:active::after, .btn--orange .btn-list__item .btn--black:active::after { border-color: #cb2c00; } } .inquiry-box, .inquiry-box--search-terms { display: flex; flex-direction: column; gap: 2rem; background: #f6f6f6; } @media screen and (min-width: 835px), print { .inquiry-box, .inquiry-box--search-terms { margin-top: 3rem; padding: 1rem 3rem 3rem; } } @media screen and (max-width: 834px) { .inquiry-box, .inquiry-box--search-terms { margin-top: 1.5rem; padding: 0 2rem 2rem; } } @media screen and (min-width: 835px), print { .inquiry-box__lead { margin-top: 2rem; } } @media screen and (max-width: 834px) { .inquiry-box__lead { margin-top: 1.5rem; } } .inquiry-box__lead + .inquiry-box, .inquiry-box__lead + .inquiry-box--search-terms { margin-top: 1em; } .inquiry-box__content { padding-top: 2rem; } .inquiry-box__content:not(:first-child) { position: relative; } .inquiry-box__content:not(:first-child)::before { content: ""; display: block; width: 100%; height: 0.2rem; background: linear-gradient(to right, #bbb 0, #bbb 0.2rem, transparent 0.2rem, transparent 0.6rem) repeat-x; background-size: 0.6rem 0.2rem; position: absolute; top: 0; left: 0; } .inquiry-box__content > *:first-child { margin-top: 0; } .inquiry-box__heading { font-weight: 700; line-height: 1.3888888889; } @media screen and (min-width: 835px), print { .inquiry-box__heading { margin-top: 1.5rem; font-size: 1.8rem; } } @media screen and (max-width: 834px) { .inquiry-box__heading { margin-top: 1.4rem; font-size: 1.6rem; } } .inquiry-box__list { display: flex; flex-direction: column; } @media screen and (min-width: 835px), print { .inquiry-box__list { gap: 1.6rem; margin-top: 2rem; } } @media screen and (max-width: 834px) { .inquiry-box__list { gap: 1.4rem; margin-top: 1.4rem; } } .inquiry-box__item { display: flex; line-height: 1.5625; } @media screen and (min-width: 835px), print { .inquiry-box__item { gap: 1rem; } } @media screen and (max-width: 834px) { .inquiry-box__item { flex-direction: column; gap: 0.4rem; } } .inquiry-box__item .ttl { font-weight: 700; } @media screen and (min-width: 835px), print { .inquiry-box__item .ttl { width: 13.4rem; flex-shrink: 0; } } @media screen and (min-width: 835px), print { .inquiry-box__item .detail { flex: 1; } } .inquiry-box__item .detail a { color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .inquiry-box__item .detail a:focus-visible { text-decoration: none; } @media (hover: hover) { .inquiry-box__item .detail a:hover { text-decoration: none; } } @media (hover: none) { .inquiry-box__item .detail a:active { text-decoration: none; } } .inquiry-box__item .detail a:focus-visible { color: #cb2c00; } @media (hover: hover) { .inquiry-box__item .detail a:hover { color: #cb2c00; } } @media (hover: none) { .inquiry-box__item .detail a:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .inquiry-box__item .detail a:focus-visible { outline: auto; } } .inquiry-box--search-terms { padding-bottom: 2rem; } .inquiry-box--search-terms p.search-terms { padding-bottom: 1rem; border-bottom: 0.1rem solid #bbb; font-weight: 500; } @media screen and (max-width: 834px) { .inquiry-box--search-terms p.search-terms { font-size: 1.8rem; } } .inquiry-box--search-terms .inquiry-box__list { gap: 0.5rem; margin-top: 1rem; } @media screen and (max-width: 834px) { .inquiry-box--search-terms .inquiry-box__list .inquiry-box__item { flex-direction: row; } } .inquiry-box--search-terms .inquiry-box__list .inquiry-box__item dt { white-space: nowrap; min-width: 10.5rem; } @media screen and (max-width: 834px) { .inquiry-box--search-terms .inquiry-box__list .inquiry-box__item dt { min-width: auto; } } .inquiry-box--search-terms .inquiry-box__list .inquiry-box__item dd.prepend-colon { width: 100%; position: relative; padding-left: 1.5rem; } .inquiry-box--search-terms .inquiry-box__list .inquiry-box__item dd.prepend-colon::before { content: "："; position: absolute; left: 0; } .about { position: relative; } .about::before { content: ""; background-image: url(../../assets/image/common/about_bg_pc.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 39rem; width: 100%; display: block; margin-bottom: 17.5rem; } @media screen and (max-width: 834px) { .about::before { background-image: url(../../assets/image/common/about_bg_sp.jpg); height: 10.7rem; margin-bottom: 27.5rem; } } .about .about-inner { position: absolute; bottom: -9rem; left: 50%; transform: translateX(-50%); width: 108rem; background-color: #fff; margin: auto; padding: 3rem 0; box-shadow: 0.3rem 0.3rem 0.6rem 0px rgba(0, 0, 0, 0.16); } @media screen and (max-width: 834px) { .about .about-inner { width: 90%; padding: 3rem 2rem; bottom: -23.1rem; box-shadow: 0.15rem 0.15rem 0.3rem 0px rgba(0, 0, 0, 0.16); } } .catch_parts__title { font-size: 3.4rem; font-weight: bold; line-height: 1.5; text-align: center; margin-bottom: 2.5rem; padding-bottom: 2.5rem; position: relative; } @media screen and (max-width: 834px) { .catch_parts__title { font-size: 2.3rem; padding-bottom: 1.5rem; margin-bottom: 1.5rem; } } .catch_parts__title::after { content: ""; width: 8rem; height: 0.4rem; background: linear-gradient(270deg, #333 0%, #333 50%, #cb2c00 50%, #cb2c00 100%); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 834px) { .catch_parts__title::after { width: 4rem; height: 0.3rem; } } .catch_parts__title span { color: #cb2c00; } .catch_parts__text { text-align: center; margin-bottom: 3rem; line-height: 1.5; } @media screen and (max-width: 834px) { .catch_parts__text { text-align: left; margin-bottom: 2rem; } } .catch_parts__btn .btn-list--col1 { max-width: 34rem; } @media screen and (min-width: 835px), print { .catch_parts__btn .btn-list--col1 .btn, .catch_parts__btn .btn-list--col1 .legacy .link-btn a, .legacy .link-btn .catch_parts__btn .btn-list--col1 a { padding-top: 1.8rem; padding-bottom: 1.8rem; } } .movie__caption, .map__caption { font-size: 1.4rem; line-height: 1.4; } @media screen and (min-width: 835px), print { .movie__caption, .map__caption { margin-top: 0.8rem; } } @media screen and (max-width: 834px) { .movie__caption, .map__caption { margin-top: 0.4rem; } } .map iframe { width: 100%; height: auto; aspect-ratio: 8/5; } @media screen and (min-width: 835px), print { .map iframe { margin-top: 3rem; } } @media screen and (max-width: 834px) { .map iframe { margin-top: 2rem; } } .movie iframe { width: 100%; height: auto; aspect-ratio: 16/9; } @media screen and (min-width: 835px), print { .movie iframe { margin-top: 3rem; } } @media screen and (max-width: 834px) { .movie iframe { margin-top: 2rem; } } .access-data { display: flex; flex-direction: column; } .access-data__item { line-height: 1.5625; } @media screen and (min-width: 835px), print { .access-data__item { margin-top: 2rem; display: flex; gap: 1rem; } } @media screen and (max-width: 834px) { .access-data__item { margin-top: 1.6rem; } } .access-data__item .ttl { font-weight: 700; } @media screen and (min-width: 835px), print { .access-data__item .ttl { width: 24rem; flex-shrink: 0; } } @media screen and (min-width: 835px), print { .access-data__item .detail { flex: 1; } } @media screen and (max-width: 834px) { .access-data__item .detail { margin-top: 0.4rem; } } .access-data__item .detail a { color: #14399e; text-decoration: underline; } .access-info__heading { font-weight: 700; line-height: 1.4; } @media screen and (min-width: 835px), print { .access-info__heading { margin-top: 3rem; font-size: 1.8rem; } } @media screen and (max-width: 834px) { .access-info__heading { margin-top: 1.4rem; } } @media screen and (min-width: 835px), print { .access-info__heading + .text, .legacy .access-info__heading + p { margin-top: 0.8rem; } } @media screen and (max-width: 834px) { .access-info__heading + .text, .legacy .access-info__heading + p { margin-top: 0.4rem; } } .card-list--col3, .card-list--col4, .card-list--block { display: flex; margin-top: 3rem; } @media screen and (max-width: 834px) { .card-list--col3, .card-list--col4, .card-list--block { flex-direction: column; gap: 3rem; } } .card-list__item { position: relative; } .card-list__item__inner { display: flex; } @media screen and (max-width: 834px) { .card-list__item__inner { flex-direction: column-reverse; } } .card-list__heading { font-weight: 700; line-height: 1.4; } @media screen and (max-width: 834px) { .card-list__heading { font-size: 1.5rem; } } .card-list__heading__text { font-weight: 700; line-height: 1.4; } @media screen and (max-width: 834px) { .card-list__heading__text { font-size: 1.5rem; } } @media screen and (max-width: 834px) { .card-list__img { width: 100%; margin-left: auto; margin-right: auto; } } @media screen and (min-width: 835px), print { .card-list--block { flex-direction: column; gap: 3rem; } } .card-list--block .card-list__item { border: 0.1rem solid #bbb; } .card-list--block .card-list__item__inner { padding: 2rem; } @media screen and (min-width: 835px), print { .card-list--block .card-list__item__inner { flex-direction: row-reverse; justify-content: flex-end; gap: 3.2rem; } } @media screen and (max-width: 834px) { .card-list--block .card-list__item__inner { gap: 1.6rem; } } @media screen and (min-width: 835px), print { .card-list--block .card-list__img { width: 25.4rem; flex-shrink: 0; } } @media screen and (max-width: 834px) { .card-list--block .card-list__img { max-width: 40rem; } } @media screen and (min-width: 835px), print { .card-list--col3, .card-list--col4 { flex-wrap: wrap; gap: 3rem 4.4rem; } } @media screen and (min-width: 835px), print { .card-list--col3 .card-list__item, .card-list--col4 .card-list__item { width: calc((100% - 8.8rem) / 3); } } .card-list--col3 .card-list__item__inner, .card-list--col4 .card-list__item__inner { height: 100%; } @media screen and (min-width: 835px), print { .card-list--col3 .card-list__item__inner, .card-list--col4 .card-list__item__inner { flex-direction: column-reverse; justify-content: flex-end; } } .card-list--col3 .card-list__txt, .card-list--col4 .card-list__txt { flex: 1; border-left: 0.1rem solid #bbb; border-right: 0.1rem solid #bbb; border-bottom: 0.1rem solid #bbb; } @media screen and (min-width: 835px), print { .card-list--col3 .card-list__txt, .card-list--col4 .card-list__txt { padding: 1.4rem 1.4rem 2.4rem; } } @media screen and (max-width: 834px) { .card-list--col3 .card-list__txt, .card-list--col4 .card-list__txt { padding: 1.9rem 2rem 2rem; } } .card-list--col3 .card-list__txt:last-child, .card-list--col4 .card-list__txt:last-child { border-top: 0.1rem solid #bbb; } @media screen and (min-width: 835px), print { .card-list--col3 .card-list__img, .card-list--col4 .card-list__img { width: 100%; } } @media screen and (min-width: 835px), print { .card-list--col3 .card-list__item { width: calc((100% - 8.8rem) / 3); } } @media screen and (min-width: 835px), print { .card-list--col4 .card-list__item { width: calc((100% - 13.2rem) / 4); } } a.card-list__heading { color: #14399e; text-decoration: underline; transition: color 300ms; } a.card-list__heading::before { content: ""; position: absolute; inset: 0; z-index: 1; } a.card-list__heading:hover, a.card-list__heading:focus-visible { color: #cb2c00; text-decoration: none; } @media screen and (min-width: 835px), print { a.card-list__heading:focus-visible { outline: auto; } } .table--scroll table tr > *:first-child, .table--fixed table tr > *:first-child { border-left: 1px solid #bbb !important; } .table--scroll table th, .table--scroll table td, .table--fixed table th, .table--fixed table td { vertical-align: middle !important; border-top: 1px solid #bbb !important; border-right: 1px solid #bbb !important; } .table--scroll table th > *:first-child, .table--scroll table td > *:first-child, .table--fixed table th > *:first-child, .table--fixed table td > *:first-child { margin-top: 0; } @media screen and (min-width: 835px), print { .table--scroll table th, .table--scroll table td, .table--fixed table th, .table--fixed table td { padding: 1rem; } } @media screen and (max-width: 834px) { .table--scroll table th, .table--scroll table td, .table--fixed table th, .table--fixed table td { padding: 0.8rem; } } .table--scroll table th, .table--fixed table th { font-weight: 700; text-align: left !important; background: #f2f6f7 !important; } .table--scroll table td, .table--fixed table td { background: #fff; } @media screen and (min-width: 835px), print { .table--scroll table td .img-list--col1, .table--scroll table td .img-list--col2, .table--scroll table td .img-list--col3, .table--fixed table td .img-list--col1, .table--fixed table td .img-list--col2, .table--fixed table td .img-list--col3 { padding: 0 1rem; } } .table--scroll table strong, .table--fixed table strong { font-weight: 700; color: #e90000; } .table--scroll table em, .table--fixed table em { font-weight: 700; } .table--scroll table caption, .table--fixed table caption { font-weight: 700; text-align: left; } @media screen and (max-width: 834px) { .table--scroll table caption, .table--fixed table caption { margin-bottom: 1.2rem; font-size: 1.5rem; } } @media screen and (min-width: 835px), print { .table--scroll table caption, .table--fixed table caption { margin-bottom: 2rem; font-size: 1.8rem; } } .table__wrap, .table__wrap--regional-sme { margin-top: 3rem; } .table-caption { line-height: 1.4; } @media screen and (min-width: 835px), print { .table-caption { margin-top: 1.2rem; font-size: 1.4rem; } } @media screen and (max-width: 834px) { .table-caption { margin-top: 0.8rem; font-size: 1.2rem; } } .table--fixed table { width: 100%; table-layout: fixed; border-bottom: 1px solid #bbb !important; } @media screen and (min-width: 835px), print { .table--fixed table tr > *:first-child { border-left: 1px solid #bbb !important; } } @media screen and (max-width: 834px) { .table--fixed table th, .table--fixed table td { display: block; width: 100%; border-left: 1px solid #bbb !important; } } @media screen and (min-width: 835px), print { .table--fixed table th { width: 25.22%; max-width: 300px; } } .table--scroll { height: auto; overflow-x: auto; overflow-y: hidden; } @media screen and (min-width: 835px), print { .table--scroll { max-width: 88rem; } } @media screen and (max-width: 834px) { .table--scroll { max-width: calc(100vw - 4rem); } } .table--scroll table { width: auto; margin-bottom: 2rem; } .table--scroll table th, .table--scroll table td { font-family: "Noto Sans JP", sans-serif !important; border: 1px solid #bbb !important; line-height: 1.5625 !important; } @media screen and (min-width: 835px), print { .table--scroll table th, .table--scroll table td { font-size: 1.6rem !important; } } @media screen and (max-width: 834px) { .table--scroll table th, .table--scroll table td { font-size: 1.4rem !important; } } .table--scroll table th *, .table--scroll table td * { font-family: "Noto Sans JP", sans-serif !important; line-height: 1.5625 !important; } @media screen and (min-width: 835px), print { .table--scroll table th *, .table--scroll table td * { font-size: 1.6rem !important; } } @media screen and (max-width: 834px) { .table--scroll table th *, .table--scroll table td * { font-size: 1.4rem !important; } } .table--scroll table th { font-weight: 700 !important; background: #f2f6f7 !important; } .table--scroll table td { background: #fff !important; } .table--scroll table a { color: #14399e !important; text-decoration: underline !important; transition-duration: 300ms; text-decoration: underline; } .table--scroll table a:focus-visible { text-decoration: none; } @media (hover: hover) { .table--scroll table a:hover { text-decoration: none; } } @media (hover: none) { .table--scroll table a:active { text-decoration: none; } } .table--scroll table a:focus-visible { color: #cb2c00 !important; text-decoration: none !important; } @media (hover: hover) { .table--scroll table a:hover { color: #cb2c00 !important; text-decoration: none !important; } } @media (hover: none) { .table--scroll table a:active { color: #cb2c00 !important; text-decoration: none !important; } } @media screen and (min-width: 835px), print { .table--scroll table a:focus-visible { outline: auto; } } .table--scroll .simplebar-track.simplebar-horizontal { background: #f2f6f7; border-radius: 50vh; } @media screen and (min-width: 835px), print { .table--scroll .simplebar-track.simplebar-horizontal { height: 1.2rem; } } @media screen and (max-width: 834px) { .table--scroll .simplebar-track.simplebar-horizontal { height: 0.5rem; } } @media screen and (min-width: 835px), print { .table--scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar { height: 1rem; } } @media screen and (max-width: 834px) { .table--scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar { height: 0.5rem; } } .table--scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { background: #cb2c00; border-radius: 50vh; opacity: 1; } @media screen and (min-width: 835px), print { .table--scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { height: 1rem; } } @media screen and (max-width: 834px) { .table--scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { height: 0.5rem; } } .scroll-note { margin-bottom: 1.2rem; color: #e90000; } @media screen and (min-width: 835px), print { .scroll-note { font-size: 1.8rem; } } @media screen and (min-width: 835px), print { .contents > .main:last-child .table--scroll { max-width: 120rem; } } @media screen and (min-width: 835px), print { .table__wrap--regional-sme table th { width: 34.22%; } } .table__wrap--regional-sme table th a.title { color: #333; transition-duration: 300ms; text-decoration: underline; } .table__wrap--regional-sme table th a.title:focus-visible { text-decoration: none; } @media (hover: hover) { .table__wrap--regional-sme table th a.title:hover { text-decoration: none; } } @media (hover: none) { .table__wrap--regional-sme table th a.title:active { text-decoration: none; } } .table__wrap--regional-sme table th a.title:focus-visible { color: #cb2c00; } @media (hover: hover) { .table__wrap--regional-sme table th a.title:hover { color: #cb2c00; } } @media (hover: none) { .table__wrap--regional-sme table th a.title:active { color: #cb2c00; } } .table__wrap--regional-sme table th .link-list { margin-top: 1rem; flex-direction: column; gap: 0.5rem; } @media screen and (min-width: 835px), print { .table__wrap--regional-sme table th .link-list { padding-left: 1rem; } } .table__wrap--regional-sme table th .link-list li a { color: #14399e; text-decoration: underline; font-weight: normal; line-height: 1.5; transition-duration: 300ms; text-decoration: underline; } .table__wrap--regional-sme table th .link-list li a:focus-visible { text-decoration: none; } @media (hover: hover) { .table__wrap--regional-sme table th .link-list li a:hover { text-decoration: none; } } @media (hover: none) { .table__wrap--regional-sme table th .link-list li a:active { text-decoration: none; } } .table__wrap--regional-sme table th .link-list li a:focus-visible { color: #cb2c00; } @media (hover: hover) { .table__wrap--regional-sme table th .link-list li a:hover { color: #cb2c00; } } @media (hover: none) { .table__wrap--regional-sme table th .link-list li a:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .table__wrap--regional-sme table th .link-list li a { font-size: 1.4rem; } } .table__wrap--regional-sme td span.text { display: block; margin-top: 0; } @media screen and (min-width: 835px), print { .table__wrap--regional-sme td .tel { font-weight: bold; font-size: 1.8rem; } } .cateTop-menu { margin-bottom: 9rem; } @media screen and (max-width: 834px) { .cateTop-menu { margin-bottom: 5rem; } } .cateTop-menu .cateTop-menu__list { display: flex; flex-wrap: wrap; column-gap: 4rem; row-gap: 4rem; } @media screen and (max-width: 834px) { .cateTop-menu .cateTop-menu__list { column-gap: 0; } } .cateTop-menu .cateTop-menu__list .cateTop-menu__list--item { display: flex; flex-direction: column; width: 48.3%; } @media screen and (max-width: 834px) { .cateTop-menu .cateTop-menu__list .cateTop-menu__list--item { width: 100%; } } .cateTop-menu .cateTop-menu__list .cateTop-menu__list--item figure .img-box::before, .cateTop-menu .cateTop-menu__list .cateTop-menu__list--item figure .img-box--border::before { aspect-ratio: 16/7.6; } .cateTop-menu .cateTop-menu__list .cateTop-menu__list--item figure img { display: block; } .cateTop-menu .cateTop-menu__list .cateTop-menu__list--item .movie iframe { margin-top: 0; } @media screen and (min-width: 835px), print { .cateTop-menu .cateTop-menu__list .cateTop-menu__list--item .movie iframe { height: 27.4rem; } } .cateTop-menu__content { padding-top: 0; background-color: #f2f6f7; position: relative; z-index: 0; display: flex; flex-direction: column; flex: 1 0 auto; padding: 2.5rem 3rem 2rem; } @media screen and (max-width: 834px) { .cateTop-menu__content { height: auto; padding: 3rem 1.5rem 2.5rem; } } .cateTop-menu__content::after { content: ""; position: absolute; aspect-ratio: 5/7; height: 100%; background: linear-gradient(125deg, #ebeff1 0%, #ebeff1 50%, transparent 50%, transparent 100%); top: 0; left: 0; z-index: -1; } @media screen and (max-width: 834px) { .cateTop-menu__content::after { aspect-ratio: 4/10; background: linear-gradient(111deg, #ebeff1 0%, #ebeff1 50%, transparent 50%, transparent 100%); } } .cateTop-menu__content p { line-height: 1.5; margin-bottom: 1.5rem; } .cateTop-menu__content--title, .cateTop-menu__content--text { font-size: 2.2rem; font-weight: bold; position: relative; padding-right: 4rem; line-height: 1.5; display: block; margin-bottom: 1.5rem; position: relative; } @media screen and (max-width: 834px) { .cateTop-menu__content--title, .cateTop-menu__content--text { font-size: 2rem; padding-right: 2rem; } } .cateTop-menu__content--title::after, .cateTop-menu__content--text::after { content: ""; display: block; width: 0.9rem; height: 0.9rem; border-top: 0.2rem solid #333; border-right: 0.2rem solid #333; transform: rotate(45deg); position: absolute; top: 50%; right: 1.8rem; transform: translateY(-50%) rotate(45deg); transition-duration: 300ms; } @media screen and (max-width: 834px) { .cateTop-menu__content--title::after, .cateTop-menu__content--text::after { right: 0.3rem; } } .cateTop-menu__content--title { transition-duration: 300ms; } .cateTop-menu__content--title:focus-visible { text-decoration: underline; } @media (hover: hover) { .cateTop-menu__content--title:hover { text-decoration: underline; } } @media (hover: none) { .cateTop-menu__content--title:active { text-decoration: underline; } } .cateTop-menu__content--title:focus-visible { color: #cb2c00; } .cateTop-menu__content--title:focus-visible::after { border-color: #cb2c00; } @media (hover: hover) { .cateTop-menu__content--title:hover { color: #cb2c00; } .cateTop-menu__content--title:hover::after { border-color: #cb2c00; } } @media (hover: none) { .cateTop-menu__content--title:active { color: #cb2c00; } .cateTop-menu__content--title:active::after { border-color: #cb2c00; } } .cateTop-menu__content--title a { transition-duration: 300ms; } .cateTop-menu__content--title a:focus-visible { text-decoration: underline; } @media (hover: hover) { .cateTop-menu__content--title a:hover { text-decoration: underline; } } @media (hover: none) { .cateTop-menu__content--title a:active { text-decoration: underline; } } .cateTop-menu__content--title a:focus-visible { color: #cb2c00; } @media (hover: hover) { .cateTop-menu__content--title a:hover { color: #cb2c00; } } @media (hover: none) { .cateTop-menu__content--title a:active { color: #cb2c00; } } .cateTop-menu__content--list li { margin-bottom: 1.5rem; font-weight: bold; padding-left: 2rem; position: relative; line-height: 1.5; } .cateTop-menu__content--list li::before { content: ""; width: 10px; height: 2px; background-color: #333; color: #333; position: absolute; left: 0; top: 1.2rem; } .cateTop-menu__content--list li:last-of-type { margin-bottom: 0; } .cateTop-menu__content--list li a { color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .cateTop-menu__content--list li a:focus-visible { text-decoration: none; } @media (hover: hover) { .cateTop-menu__content--list li a:hover { text-decoration: none; } } @media (hover: none) { .cateTop-menu__content--list li a:active { text-decoration: none; } } .cateTop-menu__content--list li a:focus-visible { color: #cb2c00; } @media (hover: hover) { .cateTop-menu__content--list li a:hover { color: #cb2c00; } } @media (hover: none) { .cateTop-menu__content--list li a:active { color: #cb2c00; } } .bnr-list__item__inner .bnr-img .link-icon--out, .bnr-list__item__inner .bnr-img .link-icon--file, .bnr-list__item__inner .bnr-img .link-icon--zip, .bnr-list__item__inner .bnr-img .link-icon--xls, .bnr-list__item__inner .bnr-img .link-icon--doc, .bnr-list__item__inner .bnr-img .link-icon--pdf { display: flex; align-items: center; justify-content: center; margin: 0; background: #fff; position: absolute; } @media screen and (min-width: 835px), print { .bnr-list__item__inner .bnr-img .link-icon--out, .bnr-list__item__inner .bnr-img .link-icon--file, .bnr-list__item__inner .bnr-img .link-icon--zip, .bnr-list__item__inner .bnr-img .link-icon--xls, .bnr-list__item__inner .bnr-img .link-icon--doc, .bnr-list__item__inner .bnr-img .link-icon--pdf { width: 2.6rem; height: 2.6rem; right: 0.4rem; top: 0.4rem; } } @media screen and (max-width: 834px) { .bnr-list__item__inner .bnr-img .link-icon--out, .bnr-list__item__inner .bnr-img .link-icon--file, .bnr-list__item__inner .bnr-img .link-icon--zip, .bnr-list__item__inner .bnr-img .link-icon--xls, .bnr-list__item__inner .bnr-img .link-icon--doc, .bnr-list__item__inner .bnr-img .link-icon--pdf { width: 1.5rem; height: 1.5rem; right: 0.2rem; top: 0.2rem; } } .bnr-list { display: flex; flex-wrap: wrap; } @media screen and (min-width: 835px), print { .bnr-list { gap: 3rem 4rem; margin-top: 3rem; } } @media screen and (max-width: 834px) { .bnr-list { gap: 2rem; margin-top: 1.6rem; } } .bnr-list__item__inner { display: table; width: auto; max-width: 100%; } .bnr-list__item__inner .bnr-img { position: relative; } @media screen and (min-width: 835px), print { .bnr-list__item__inner .bnr-img .link-icon--pdf svg { width: 2.2rem; } } @media screen and (max-width: 834px) { .bnr-list__item__inner .bnr-img .link-icon--pdf svg { width: 1.3rem; } } @media screen and (min-width: 835px), print { .bnr-list__item__inner .bnr-img .link-icon--doc svg { width: 2.2rem; } } @media screen and (max-width: 834px) { .bnr-list__item__inner .bnr-img .link-icon--doc svg { width: 1.3rem; } } @media screen and (min-width: 835px), print { .bnr-list__item__inner .bnr-img .link-icon--xls svg { width: 2.2rem; } } @media screen and (max-width: 834px) { .bnr-list__item__inner .bnr-img .link-icon--xls svg { width: 1.3rem; } } @media screen and (min-width: 835px), print { .bnr-list__item__inner .bnr-img .link-icon--zip svg { width: 2.2rem; } } @media screen and (max-width: 834px) { .bnr-list__item__inner .bnr-img .link-icon--zip svg { width: 1.3rem; } } @media screen and (min-width: 835px), print { .bnr-list__item__inner .bnr-img .link-icon--file svg { width: 2.2rem; } } @media screen and (max-width: 834px) { .bnr-list__item__inner .bnr-img .link-icon--file svg { width: 1.3rem; } } @media screen and (min-width: 835px), print { .bnr-list__item__inner .bnr-img .link-icon--out svg { width: 1.5rem; } } @media screen and (max-width: 834px) { .bnr-list__item__inner .bnr-img .link-icon--out svg { width: 1.1rem; } } .bnr-list__item__inner .bnr-caption, .bnr-list__item__inner .bnr-caption--right { display: table-caption; caption-side: bottom; margin-top: 0.6rem; font-size: 1.4rem; line-height: 1.4; } .bnr-list__item__inner .bnr-caption--right { text-align: right; } .bnr-list__item a img { transition-duration: 300ms; } .bnr-list__item a:hover img, .bnr-list__item a:focus-visible img { box-shadow: 2px 2px #fff, 6px 6px 0 #707070; } .box, .legacy .box-r-white, .box--en-cases, .box--en-voice { border: 0.1rem solid #ccc; } @media screen and (min-width: 835px), print { .box, .legacy .box-r-white, .box--en-cases, .box--en-voice { margin-top: 3rem; padding: 4rem; } } @media screen and (max-width: 834px) { .box, .legacy .box-r-white, .box--en-cases, .box--en-voice { margin-top: 2rem; padding: 2rem; } } .box > *:first-child, .legacy .box-r-white > *:first-child, .box--en-cases > *:first-child, .box--en-voice > *:first-child { margin-top: 0; } .box--en-voice { margin-top: 2rem; } @media screen and (min-width: 835px), print { .box--en-voice { margin-top: 6rem; } } .sns-share-btn__list { margin-top: 2rem; display: flex; gap: 2rem; } @media screen and (min-width: 835px), print { .sns-share-btn__list + [class^=heading] { margin-top: 4rem; } } @media screen and (max-width: 834px) { .sns-share-btn__list + [class^=heading] { margin-top: 2rem; } } .important-notice { display: flex; } @media screen and (max-width: 834px) { .important-notice { flex-direction: column; margin-top: 1.5rem; } } @media screen and (min-width: 835px), print { .important-notice { flex-wrap: wrap; margin-top: 4rem; } } .important-notice__head { display: flex; align-items: center; justify-content: center; background: #333; } @media screen and (max-width: 834px) { .important-notice__head { gap: 1rem; flex-basis: 4rem; } } @media screen and (min-width: 835px), print { .important-notice__head { gap: 0.8rem; flex-basis: 18rem; } } @media screen and (max-width: 834px) { .important-notice__head svg { height: 1.5rem; } } .important-notice__title { color: #fff; font-weight: bold; } .important-notice__body { display: flex; flex-direction: column; background: #fffbf9; border: solid #333; } @media screen and (max-width: 834px) { .important-notice__body { line-height: 1.5714285714; gap: 1.5rem; padding: 1.5rem; border-width: 0.05rem; border-top: none; } } @media screen and (min-width: 835px), print { .important-notice__body { gap: 1rem; line-height: 1.5625; flex-basis: calc(100% - 18rem); padding: 1em 2rem; border-width: 0.1rem; border-left: none; } } .important-notice__item { display: flex; } @media screen and (max-width: 834px) { .important-notice__item { gap: 0.5em; } } @media screen and (min-width: 835px), print { .important-notice__item { gap: 1rem; } } .important-notice__icon::after { content: ""; display: block; width: 0.8rem; height: 0.8rem; border-top: 0.1rem solid black; border-right: 0.1rem solid black; transform: rotate(45deg); } @media screen and (max-width: 834px) { .important-notice__icon:after { border-width: 0.16rem; margin-top: 0.75rem; } } @media screen and (min-width: 835px), print { .important-notice__icon:after { border-width: 0.2rem; margin-top: 0.75rem; } } .important-notice__link { transition-duration: 300ms; text-decoration: underline; } .important-notice__link:focus-visible { text-decoration: none; } @media (hover: hover) { .important-notice__link:hover { text-decoration: none; } } @media (hover: none) { .important-notice__link:active { text-decoration: none; } } .important-notice__link:focus-visible { color: #cb2c00; } @media (hover: hover) { .important-notice__link:hover { color: #cb2c00; } } @media (hover: none) { .important-notice__link:active { color: #cb2c00; } } .important-notice__foot { flex-basis: 100%; display: flex; justify-content: flex-end; margin-top: 1rem; } @media screen and (max-width: 834px) { .important-notice__foot .link-list { flex-direction: column; align-items: flex-end; } } .service-list { display: flex; } @media screen and (max-width: 834px) { .service-list { flex-direction: column; gap: 2rem; } } @media screen and (min-width: 835px), print { .service-list { flex-wrap: wrap; gap: 2.4rem; } } .service-list__link { display: flex; align-items: center; gap: 1rem; font-weight: bold; background: #f2f6f7; border-bottom: solid #7d9297; position: relative; transition-duration: 300ms; } .service-list__link::after { content: ""; display: block; width: 1rem; height: 1rem; border-top: 0.1rem solid black; border-right: 0.1rem solid black; transform: rotate(45deg); margin: auto; position: absolute; top: 0; right: 1rem; bottom: 0; } .service-list__link:focus-visible { text-decoration: underline; } @media (hover: hover) { .service-list__link:hover { text-decoration: underline; } } @media (hover: none) { .service-list__link:active { text-decoration: underline; } } .service-list__link:focus-visible { color: #fff; background: #cb2c00; border-color: #333; } .service-list__link:focus-visible:after { border-color: #fff; } @media (hover: hover) { .service-list__link:hover { color: #fff; background: #cb2c00; border-color: #333; } .service-list__link:hover:after { border-color: #fff; } } @media (hover: none) { .service-list__link:active { color: #fff; background: #cb2c00; border-color: #333; } .service-list__link:active:after { border-color: #fff; } } @media screen and (max-width: 834px) { .service-list__link { width: 100%; height: 5.6rem; line-height: 1.3928571429; padding-left: 1rem; padding-right: 3rem; border-width: 0.25rem; } } @media screen and (min-width: 835px), print { .service-list__link { width: 28.2rem; height: 9rem; line-height: 1.375; padding-left: 1.6rem; padding-right: 4rem; border-width: 0.3rem; } } .service-list__link:before { content: ""; flex-grow: 0; flex-shrink: 0; display: block; background: #fff; background-size: contain; border-radius: 100%; } @media screen and (max-width: 834px) { .service-list__link:before { width: 3rem; height: 3rem; } } @media screen and (min-width: 835px), print { .service-list__link:before { width: 6rem; height: 6rem; } } @media screen and (max-width: 834px) { .service-list__link:after { width: 0.8rem; height: 0.8rem; border-width: 0.16rem; } } @media screen and (min-width: 835px), print { .service-list__link:after { width: 1.4rem; height: 1.4rem; border-width: 0.35rem; } } .service-list__link[data-category=sme][data-number="1"]:before { background-image: url(../image/top/icon-sme01.svg); } .service-list__link[data-category=sme][data-number="2"]:before { background-image: url(../image/top/icon-sme02.svg); } .service-list__link[data-category=sme][data-number="3"]:before { background-image: url(../image/top/icon-sme03.svg); } .service-list__link[data-category=sme][data-number="4"]:before { background-image: url(../image/top/icon-sme04.svg); } .service-list__link[data-category=sme][data-number="5"]:before { background-image: url(../image/top/icon-sme05.svg); } .service-list__link[data-category=sme][data-number="6"]:before { background-image: url(../image/top/icon-sme06.svg); } .service-list__link[data-category=sme][data-number="7"]:before { background-image: url(../image/top/icon-sme07.svg); } .service-list__link[data-category=sme][data-number="8"]:before { background-image: url(../image/top/icon-sme08.svg); } .service-list__link[data-category=venture][data-number="1"]:before { background-image: url(../image/top/icon-venture01.svg); } .service-list__link[data-category=venture][data-number="2"]:before { background-image: url(../image/top/icon-venture02.svg); } .service-list__link[data-category=venture][data-number="3"]:before { background-image: url(../image/top/icon-venture03.svg); } .service-list__link[data-category=venture][data-number="4"]:before { background-image: url(../image/top/icon-venture04.svg); } .service-list__link[data-category=supporter][data-number="1"]:before { background-image: url(../image/top/icon-supporter01.svg); } .service-list__link[data-category=supporter][data-number="2"]:before { background-image: url(../image/top/icon-supporter02.svg); } .service-list__link[data-category=supporter][data-number="3"]:before { background-image: url(../image/top/icon-supporter03.svg); } .service-list__link[data-category=supporter][data-number="4"]:before { background-image: url(../image/top/icon-supporter04.svg); } .service-list__link[data-category=supporter][data-number="5"]:before { background-image: url(../image/top/icon-supporter05.svg); } .service-list__link[data-category=supporter][data-number="6"]:before { background-image: url(../image/top/icon-supporter06.svg); } .service-list__link[data-category=supporter][data-number="7"]:before { background-image: url(../image/top/icon-supporter07.svg); } .service-list__link[data-category=supporter][data-number="8"]:before { background-image: url(../image/top/icon-supporter08.svg); } .link-list { display: flex; justify-content: flex-end; } @media screen and (max-width: 834px) { .link-list { gap: 2rem; } } @media screen and (min-width: 835px), print { .link-list { gap: 6rem; } } .link-list__item { display: flex; align-items: flex-end; transition-duration: 300ms; } .link-list__item:focus-visible { color: #cb2c00; } .link-list__item:focus-visible .link-list__text { border-color: transparent; } @media (hover: hover) { .link-list__item:hover { color: #cb2c00; } .link-list__item:hover .link-list__text { border-color: transparent; } } @media (hover: none) { .link-list__item:active { color: #cb2c00; } .link-list__item:active .link-list__text { border-color: transparent; } } @media screen and (max-width: 834px) { .link-list__item { gap: 1rem; } } @media screen and (min-width: 835px), print { .link-list__item { gap: 2rem; } } .link-list__item:after { content: ""; display: block; background: url(../image/common/icon-link.svg) no-repeat center center #cb2c00; margin-bottom: 0.3rem; } @media screen and (max-width: 834px) { .link-list__item:after { width: 2.4rem; height: 2.4rem; } } @media screen and (min-width: 835px), print { .link-list__item:after { width: 2.8rem; height: 2.8rem; } } .link-list__text { font-weight: bold; border-bottom: 0.2rem solid #cb2c00; display: flex; align-items: center; gap: 1rem; } @media screen and (max-width: 834px) { .link-list__text { padding-bottom: 0.5rem; line-height: 1.3928571429; } } @media screen and (min-width: 835px), print { .link-list__text { padding-bottom: 1rem; } } .service-block__title, .news-block__head, .news-block__tab { display: flex; align-items: center; width: 100%; height: 5.6rem; color: #fff; font-size: 1.5rem; font-weight: bold; padding-left: 2rem; background: #333; position: relative; } .service-block__title:before, .news-block__head:before, .news-block__tab:before, .service-block__title:after, .news-block__head:after, .news-block__tab:after { content: ""; display: block; width: 2.8rem; height: 0.15rem; background: #fff; margin: auto; position: absolute; top: 0; right: 2rem; bottom: 0; transition-duration: 300ms; } .service-block__title:after, .news-block__head:after, .news-block__tab:after { transform: rotate(90deg); } @media screen and (max-width: 834px) { .news-block__head { border: 0.3rem solid transparent; padding-right: 5rem; line-height: 1.4; } } .news-block__head[aria-expanded=true]:after { transform: rotate(0); } .news-block__head--tab { display: flex; } .news-block__tab { justify-content: center; height: 4.6rem; font-size: 1.8rem; padding-left: unset; border: 0.3rem solid; } .news-block__tab:before { content: unset; } .news-block__tab:after { width: 2.4rem; height: 1rem; background: unset; top: 100%; left: 0; right: 0; bottom: auto; transform: unset; clip-path: polygon(0 0, 100% 0, 50% 100%); } .news-block__tab[aria-selected=false] { cursor: pointer; border-color: #333; transition-duration: 300ms; text-decoration: underline; } .news-block__tab[aria-selected=false]:focus-visible { text-decoration: none; } @media (hover: hover) { .news-block__tab[aria-selected=false]:hover { text-decoration: none; } } @media (hover: none) { .news-block__tab[aria-selected=false]:active { text-decoration: none; } } .news-block__tab[aria-selected=false]:focus-visible { color: #333; background: #fff; } @media (hover: hover) { .news-block__tab[aria-selected=false]:hover { color: #333; background: #fff; } } @media (hover: none) { .news-block__tab[aria-selected=false]:active { color: #333; background: #fff; } } .news-block__tab[aria-selected=true] { text-decoration: none; background: #cb2c00; border-color: #cb2c00; transition-duration: 300ms; } .news-block__tab[aria-selected=true]:focus-visible { color: #cb2c00; background: #fff; } @media (hover: hover) { .news-block__tab[aria-selected=true]:hover { color: #cb2c00; background: #fff; } } @media (hover: none) { .news-block__tab[aria-selected=true]:active { color: #cb2c00; background: #fff; } } .news-block__tab[aria-selected=true]:after { background-color: #cb2c00; } .news-block__body { background: #fff; border: solid #bbb; } @media screen and (max-width: 834px) { .news-block__body { padding: 1.5rem; border-width: 0.05rem; } } @media screen and (min-width: 835px), print { .news-block__body { padding: 4rem; border-width: 0.1rem; } } .news__body--no-border .news-block__body { border: none; padding-left: 0; padding-right: 0; } @media screen and (min-width: 835px), print { .news__body--no-border .news-item__data { padding-top: 0.5rem; } } .news__body--BIreport { margin-top: 4rem; } @media screen and (max-width: 834px) { .news__body--BIreport { margin-top: 2.5rem; } } .news__body--BIreport .news-block__body { padding-top: 0; } @media screen and (max-width: 834px) { .news__body--BIreport .news-list .news-item__date { font-size: 1.4rem; } } .news__body--BIreport .news-list a { color: #14399e; display: inline-block; transition-duration: 300ms; text-decoration: underline; } .news__body--BIreport .news-list a:focus-visible { text-decoration: none; } @media (hover: hover) { .news__body--BIreport .news-list a:hover { text-decoration: none; } } @media (hover: none) { .news__body--BIreport .news-list a:active { text-decoration: none; } } .news__body--BIreport .news-list a:focus-visible { color: #cb2c00; } @media (hover: hover) { .news__body--BIreport .news-list a:hover { color: #cb2c00; } } @media (hover: none) { .news__body--BIreport .news-list a:active { color: #cb2c00; } } .news__body--BIreport .news-list .news-item__text { margin-bottom: 1.2rem; } .news__body--BIreport .news-list p { font-weight: 500; } @media screen and (min-width: 835px), print { .news__body--grid .news-list__item { display: grid; grid-template-columns: 13.2rem 1fr; gap: 2rem; } } @media screen and (min-width: 835px), print { .news__body--grid .news-list__item .text, .news__body--grid .news-list__item .legacy p, .legacy .news__body--grid .news-list__item p { margin-top: 0; } } @media screen and (max-width: 834px) { .news__body--bid .news-item__label { width: 20rem; } } @media screen and (min-width: 835px), print { .news__body--bid .news-item__label { width: 22rem; } } @media screen and (max-width: 834px) { .news__body--en .news-list__item .news-item__text { font-size: 1.8rem; } } @media screen and (min-width: 835px), print { .news__body--en .news-list__item .news-item__text { font-size: 2rem; } } .news-list { display: flex; flex-direction: column; } .news-list__item { padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: solid #bbb; } @media screen and (max-width: 834px) { .news-list__item { border-width: 0.05rem; } } @media screen and (min-width: 835px), print { .news-list__item { border-width: 0.1rem; } } .news-list__item:last-of-type { margin-bottom: 0; } .news-item__data { display: flex; } @media screen and (max-width: 834px) { .news-item__data { flex-direction: column; gap: 1rem; margin-bottom: 1rem; } } @media screen and (min-width: 835px), print { .news-item__data { flex-shrink: 0; align-items: center; gap: 2rem; margin-bottom: 1.6rem; } } .news-item__date { font-size: 1.4rem; font-weight: 500; white-space: nowrap; } @media screen and (min-width: 835px), print { .news-item__date { font-size: 1.6rem; width: 13rem; } } .news-item__labels { display: flex; flex-wrap: wrap; } @media screen and (max-width: 834px) { .news-item__labels { gap: 1rem; } } @media screen and (min-width: 835px), print { .news-item__labels { gap: 2rem; } } @media screen and (min-width: 835px), print { .news-item__labels--in-detail-page { gap: 1.2rem; } } .news-item__label { display: flex; align-items: center; justify-content: center; font-size: 1.4rem; font-weight: 500; border: solid; } @media screen and (max-width: 834px) { .news-item__label { width: 12.4rem; height: 2.8rem; border-width: 0.05rem; } } @media screen and (min-width: 835px), print { .news-item__label { width: 14.2rem; height: 3.2rem; border-width: 0.1rem; } } .news-item__label[data-label_key=target] { background: #f2f6f7; border-color: #bbb; } .news-item__label[data-label_key=news] { background: #ebfbff; border-color: #abd4de; } .news-item__label[data-label_key=pr] { background: #fffcf2; border-color: #e8debe; } .news-item__label[data-label_key=system] { background: #e8f6f0; border-color: #b5e2cf; } .news-item__label[data-label_key=disaster] { background: #f2ebf5; border-color: #d5b0de; } .news-item__label[data-label_key=event] { background: #fff1f8; border-color: #ecc4d9; } .news-item__label[data-label_key=before] { background: #e9e9e9; border-color: #989898; } .news-item__label[data-label_key=accepting] { background: #dff3ff; border-color: #6c9fcc; } .news-item__label[data-label_key=closing] { background: #fffed8; border-color: #e6e375; } .news-item__label[data-label_key=waiting] { background: #ffecec; border-color: #f58383; } .news-item__label[data-label_key=end] { background: #ffebfc; border-color: #ff84ed; } .news-item__text { font-weight: 500; } @media screen and (max-width: 834px) { .news-item__text { line-height: 1.5714285714; } } @media screen and (min-width: 835px), print { .news-item__text { line-height: 1.5625; } } .news-item__info { font-size: 1.4rem; } @media screen and (min-width: 835px), print { .news-item__info { font-size: 1.6rem; } } @media screen and (max-width: 834px) { .news-item__info { margin-top: 0.8rem; } } @media screen and (min-width: 835px), print { .news-item__info { margin-top: 1rem; } } .news-item__info__inner { display: flex; } .news-item__info__title { line-height: 1.5714285714; letter-spacing: 0.04em; font-weight: 700; flex-shrink: 0; } .news-item__info__content { line-height: 1.5714285714; letter-spacing: 0.04em; font-weight: 500; padding-left: 0.4rem; } a.news-item__text { transition-duration: 300ms; text-decoration: underline; } a.news-item__text:focus-visible { text-decoration: none; } @media (hover: hover) { a.news-item__text:hover { text-decoration: none; } } @media (hover: none) { a.news-item__text:active { text-decoration: none; } } a.news-item__text:focus-visible { color: #cb2c00; } @media (hover: hover) { a.news-item__text:hover { color: #cb2c00; } } @media (hover: none) { a.news-item__text:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .news-area--abreast .news-list__item { display: flex; gap: 3rem; } } @media screen and (min-width: 835px) and (min-width: 835px), print { .news-area--abreast .news-list__item .news-item__data { margin-bottom: 0; width: 15rem; } } @media screen and (min-width: 835px) and (min-width: 835px), print { .news-area--abreast .news-list__item .news-item__text { width: 100%; } } .banner-area { display: flex; } @media screen and (max-width: 834px) { .banner-area { flex-direction: column; gap: 3rem; margin-bottom: 3rem; } } @media screen and (min-width: 835px), print { .banner-area { gap: 4rem; margin-bottom: 5rem; } } @media screen and (max-width: 834px) { .banner-area .banner__icon { top: 0.5rem; right: 0.5rem; } } @media screen and (min-width: 835px), print { .banner-area .banner__icon { top: 0.5rem; right: 0.5rem; } } .banner-area a { transition-duration: 300ms; position: relative; } @media screen and (min-width: 835px), print { .banner-area a { width: 50%; } } .banner-area a:after { content: ""; display: block; width: 100%; height: 100%; border-right: solid #707070; border-bottom: solid #707070; position: absolute; top: 0; left: 0; z-index: -1; transition-duration: 300ms; } @media screen and (max-width: 834px) { .banner-area a:after { border-width: 0.2rem; } } @media screen and (min-width: 835px), print { .banner-area a:after { border-width: 0.4rem; } } @media screen and (max-width: 834px) { .banner-area a:focus-visible:after { top: 0.3rem; left: 0.3rem; } } @media screen and (min-width: 835px), print { .banner-area a:focus-visible:after { top: 0.6rem; left: 0.6rem; } } @media screen and (hover: hover) and (max-width: 834px) { .banner-area a:hover:after { top: 0.3rem; left: 0.3rem; } } @media screen and (hover: hover) and (min-width: 835px), print and (hover: hover) { .banner-area a:hover:after { top: 0.6rem; left: 0.6rem; } } @media screen and (hover: none) and (max-width: 834px) { .banner-area a:active:after { top: 0.3rem; left: 0.3rem; } } @media screen and (hover: none) and (min-width: 835px), print and (hover: none) { .banner-area a:active:after { top: 0.6rem; left: 0.6rem; } } .banner-area a img { display: block; } @media screen and (min-width: 835px), print { .banner-area a img { object-fit: cover; width: 100%; height: 100%; } } .img-menu { margin-top: 4.5rem; } @media print { .img-menu { break-inside: avoid; } } .img-menu .img-menu__list { display: flex; flex-wrap: wrap; gap: 4rem; } @media screen and (max-width: 834px) { .img-menu .img-menu__list { flex-direction: column; gap: 2rem; } } .img-menu .img-menu__list .img-menu__item { width: 31.1%; } @media screen and (min-width: 835px), print { .img-menu .img-menu__list .img-menu__item { height: 100%; display: flex; flex-direction: column; } } @media screen and (max-width: 834px) { .img-menu .img-menu__list .img-menu__item { width: 100%; } } .img-menu .img-menu__list .img-menu__item a { transition-duration: 300ms; } @media screen and (min-width: 835px), print { .img-menu .img-menu__list .img-menu__item a { height: 100%; display: flex; flex-direction: column; } } .img-menu .img-menu__list .img-menu__item a:focus-visible .img-menu__content--title { color: #cb2c00; text-decoration: underline; } @media (hover: hover) { .img-menu .img-menu__list .img-menu__item a:hover .img-menu__content--title { color: #cb2c00; text-decoration: underline; } } @media (hover: none) { .img-menu .img-menu__list .img-menu__item a:active .img-menu__content--title { color: #cb2c00; text-decoration: underline; } } .img-menu .img-menu__list .img-menu__item figure img { display: block; } .img-menu .img-menu__list .img-menu__item .img-menu__content { border: 0.1rem solid #ccc; padding: 1.5rem 1rem; border-top: none; } @media screen and (min-width: 835px), print { .img-menu .img-menu__list .img-menu__item .img-menu__content { height: 100%; } } .img-menu .img-menu__list .img-menu__item .img-menu__content .img-menu__content--title { font-weight: bold; transition-duration: 300ms; line-height: 1.5; display: block; } .img-menu .img-menu__list .img-menu__item .img-menu__content .img-menu__content--text { margin-top: 1rem; line-height: 1.5; } .two-col_img-btn { margin-top: 4rem; display: flex; column-gap: 5rem; } @media screen and (max-width: 834px) { .two-col_img-btn { flex-direction: column; } } @media print { .two-col_img-btn { break-inside: avoid; } } @media screen and (min-width: 835px), print { .two-col_img-btn__img { width: 47.9%; flex-shrink: 0; } } @media screen and (max-width: 834px) { .two-col_img-btn__img { width: 100%; } } .two-col_img-btn__img a { transition-duration: 300ms; position: relative; } .two-col_img-btn__img a:after { content: ""; display: block; width: 100%; height: 100%; border: 0.3rem solid transparent; position: absolute; top: 0; left: 0; pointer-events: none; transition-duration: 300ms; } .two-col_img-btn__img a:focus-visible:after { border-color: #cb2c00; } @media (hover: hover) { .two-col_img-btn__img a:hover:after { border-color: #cb2c00; } } @media (hover: none) { .two-col_img-btn__img a:active:after { border-color: #cb2c00; } } .two-col_img-btn__img iframe { width: 100%; height: 100%; aspect-ratio: 16/9; } .two-col_img-btn__img img { display: block; } @media screen and (max-width: 834px) { .two-col_img-btn__img img { width: 100%; } } .two-col_img-btn__img--cap { margin-top: 1rem; line-height: 1.5; } @media screen and (max-width: 834px) { .two-col_img-btn__img--cap { margin-top: 0.5rem; } } .two-col_img-btn__img a { color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .two-col_img-btn__img a:focus-visible { text-decoration: none; } @media (hover: hover) { .two-col_img-btn__img a:hover { text-decoration: none; } } @media (hover: none) { .two-col_img-btn__img a:active { text-decoration: none; } } .two-col_img-btn__img a:focus-visible { color: #cb2c00; } @media (hover: hover) { .two-col_img-btn__img a:hover { color: #cb2c00; } } @media (hover: none) { .two-col_img-btn__img a:active { color: #cb2c00; } } .two-col_img-btn__img .img { position: relative; } .two-col_img-btn__img .link-icon-wrapper { position: absolute; top: 0.8rem; right: 0.2rem; } .two-col_img-btn__img .link-icon-wrapper .link-icon--out { background: #fff; display: flex; justify-content: center; align-items: center; padding: 0.2rem; } @media screen and (max-width: 834px) { .two-col_img-btn__img .link-icon-wrapper .link-icon--out { width: 1.6rem; height: 1.6rem; } } @media screen and (min-width: 835px), print { .two-col_img-btn__img .link-icon-wrapper .link-icon--out { width: 2rem; height: 2rem; } } @media screen and (max-width: 834px) { .two-col_img-btn__content { width: 100%; margin-top: 2.5rem; } } .two-col_img-btn__content--catch { line-height: 1.5; font-weight: 700; } @media screen and (min-width: 835px), print { .two-col_img-btn__content--catch { font-size: 2.4rem; } } @media screen and (max-width: 834px) { .two-col_img-btn__content--catch { margin-top: 1.8rem; } } .two-col_img-btn__content--text { line-height: 1.5; } @media screen and (min-width: 835px), print { .two-col_img-btn__content--text { margin-top: 2rem; } } @media screen and (max-width: 834px) { .two-col_img-btn__content--text { margin-top: 1rem; } } .two-col_img-btn__content .btn-list--col1 { gap: 2rem; } @media screen and (min-width: 835px), print { .two-col_img-btn__content .btn-list--col1 { width: 49rem; margin-left: 0; } } .two-col_img-btn__content > *:first-child { margin-top: 0; } @media screen and (min-width: 835px), print { .two-col_img-btn[data-reverse=true] { flex-direction: row-reverse; justify-content: flex-end; } } .event-list { margin-top: 2rem; display: flex; flex-direction: column; gap: 2rem; } @media screen and (min-width: 835px), print { .event-list { margin-top: 3rem; flex-direction: row; flex-wrap: wrap; gap: 5rem; } } @media print { .event-list { break-inside: avoid; } } @media screen and (min-width: 835px), print { .event-list__item { display: flex; flex-direction: column; width: 47.9%; } } .event-list__item .event-list__head { display: flex; } .event-list__item .event-list__head .event-list__date { display: flex; flex-direction: column; justify-content: center; padding: 1.5rem 0.7rem 1.5rem; flex: 1; background: linear-gradient(135deg, #cb2c00 0%, #cb2c00 50%, #b52700 50%, #b52700 100%); } @media screen and (min-width: 835px), print { .event-list__item .event-list__head .event-list__date { flex: 0.8; } } .event-list__item .event-list__head .event-list__date span { color: #fff; } .event-list__item .event-list__head .event-list__date--year { display: block; margin-bottom: 0.5rem; font-weight: 500; } .event-list__item .event-list__head .event-list__date--days { font-weight: bold; font-size: 1.3rem; margin-bottom: 0.7rem; display: block; } .event-list__item .event-list__head .event-list__date--days span { font-size: 1.9rem; } @media screen and (min-width: 835px), print { .event-list__item .event-list__head .event-list__date--days span { font-size: 2.6rem; } } .event-list__item .event-list__head .event-list__date--week { background-color: #333; padding: 0.4rem 0; font-weight: 500; } @media screen and (min-width: 835px), print { .event-list__item .event-list__head .event-list__date--week { padding: 0.4rem 3.8rem; display: inline-block; } } @media screen and (max-width: 834px) { .event-list__item .event-list__head .event-list__date--week { display: block; text-align: center; font-size: 1.2rem; } } .event-list__item .event-list__head .event-list__head--title { flex: 3; background-color: #fbe8e2; padding: 1rem; line-height: 1.5; border-right: 0.1rem solid #bbb; border-top: 0.1rem solid #bbb; font-weight: 500; } @media screen and (min-width: 835px), print { .event-list__item .event-list__head .event-list__head--title { padding: 2rem; } } .event-list__item .event-list__body { border: 0.1rem solid #bbb; border-top: none; padding: 0 1rem 1.9rem; } @media screen and (min-width: 835px), print { .event-list__item .event-list__body { display: flex; flex-direction: column; flex: 1; padding-left: 2rem; padding-right: 2rem; } } .event-list__item .event-list__body .event-list__eventDates { padding-top: 2rem; } @media screen and (min-width: 835px), print { .event-list__item .event-list__body .event-list__eventDates { flex: 1; } } .event-list__item .event-list__body .event-list__eventDates dt { background-color: #f2f6f7; border: 0.1rem solid #bbb; display: inline-block; width: 12.4rem; padding: 0.6rem 0; text-align: center; margin-bottom: 1rem; font-weight: 500; } @media screen and (min-width: 835px), print { .event-list__item .event-list__body .event-list__eventDates dt { font-size: 1.4rem; margin-bottom: 2rem; padding: 0.8rem 0; width: 14.2rem; } } .event-list__item .event-list__body .event-list__eventDates dd { font-weight: 500; line-height: 1.5; } @media screen and (min-width: 835px), print { .event-list__item .event-list__body .event-list__eventDates dd { font-size: 1.4rem; } } .event-list__item .event-list__body .link-list { justify-content: flex-end; margin-top: 2rem; } @media screen and (min-width: 835px), print { .event-list__item .event-list__body .link-list { margin-top: 2.5rem; } } .event .event-list { padding: 0; } @media screen and (min-width: 835px), print { .event .event-list { gap: 4rem; margin-top: 6rem; } } @media screen and (min-width: 835px), print { .event .event-list .event-list__item { width: 47.7%; } } .event .event-list .event-list__item .event-list__date { padding: 1.8rem 0.8rem 1.5rem; } @media screen and (min-width: 835px), print { .event .event-list .event-list__item .event-list__date { padding: 1.5rem 1rem 1.5rem; } } .event .event-list .event-list__item .event-list__date--year { margin-bottom: 1rem; } .event .event-list .event-list__item .event-list__date--week { white-space: nowrap; } @media screen and (max-width: 834px) { .event .event-list .event-list__item .link-list { margin-top: 0; padding-top: 2rem; } } .event .event-list .event-list__item .link-list .link-list__text { gap: 0; } .two-col_access-contact { position: relative; } @media screen and (min-width: 835px), print { .two-col_access-contact { margin-bottom: 8rem; padding-top: 10rem; } } @media screen and (max-width: 834px) { .two-col_access-contact { margin-bottom: 4rem; padding-top: 5rem; } } @media print { .two-col_access-contact { break-inside: avoid; } } .two-col_access-contact::before { content: ""; background-image: url(../../assets/image/common/two-col_access-contact_bg_pc.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 39rem; width: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; } @media screen and (max-width: 834px) { .two-col_access-contact::before { background-image: url(../../assets/image/common/two-col_access-contact_bg_sp.jpg); height: 60rem; } } .two-col_access-contact .two-col_access-contact-inner { display: flex; background-color: #fff; } @media screen and (min-width: 835px), print { .two-col_access-contact .two-col_access-contact-inner { width: 90%; max-width: 120rem; gap: 4rem; margin: 0 auto; padding: 3rem 4rem; } } @media screen and (max-width: 834px) { .two-col_access-contact .two-col_access-contact-inner { gap: 3rem; flex-direction: column; margin: 0 2rem; padding: 3rem 2rem; } } .two-col_access-contact .two-col_access-contact-inner::before { content: ""; border-left: 0.1rem solid #333; border-bottom: 0.1rem solid #333; align-self: stretch; } .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__access, .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__contact { width: 50%; display: flex; flex-direction: column; } @media screen and (max-width: 834px) { .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__access, .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__contact { width: 100%; } } .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__access .catch_parts__text, .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__contact .catch_parts__text { margin-bottom: 0; } @media screen and (min-width: 835px), print { .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__access .catch_parts__btn .btn-list--col1, .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__contact .catch_parts__btn .btn-list--col1 { max-width: 49rem; } } @media screen and (min-width: 835px), print { .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__access .catch_parts__btn .btn-list--col2, .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__contact .catch_parts__btn .btn-list--col2 { gap: 3rem 4rem; } } @media screen and (max-width: 834px) { .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__access .catch_parts__btn .btn-list--col2, .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__contact .catch_parts__btn .btn-list--col2 { gap: 1rem; } } @media screen and (min-width: 835px), print { .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__access .catch_parts__btn .btn-list--col2 .btn-list__item, .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__contact .catch_parts__btn .btn-list--col2 .btn-list__item { width: calc((100% - 4rem) / 2); } } .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__access { order: -1; } .two-col_access-contact .two-col_access-contact-inner .two-col_access-contact__contact .catch_parts__text { text-align: left; } .two-col_access-contact--institute { margin-bottom: 0; } @media screen and (min-width: 835px), print { .two-col_access-contact--institute { margin-top: 8rem; padding-top: 18rem; } } @media screen and (max-width: 834px) { .two-col_access-contact--institute { margin-top: 5rem; } } @media screen and (max-width: 834px) { .two-col_access-contact--institute::before { height: calc(100% - 3rem); } } @media screen and (max-width: 834px) { .two-col_access-contact--bg-type2 { margin-top: 5rem; margin-bottom: 0.6rem; } } @media screen and (min-width: 835px), print { .two-col_access-contact--bg-type2 { margin-top: 4rem; margin-bottom: 0; } } @media screen and (max-width: 834px) { .two-col_access-contact--bg-type2::before { background-image: url(../../assets/image/common/two-col_access-contact_bg2_sp.jpg); height: 94%; } } @media screen and (min-width: 835px), print { .two-col_access-contact--bg-type2::before { background-image: url(../../assets/image/common/two-col_access-contact_bg2_pc.jpg); height: 39.2rem; } } @media screen and (min-width: 835px), print { .two-col_access-contact--bg-type2 .two-col_access-contact-inner { padding-bottom: 5rem; } } .support-info-box { background-color: #f2f6f7; background-repeat: no-repeat; background-position: top right; } @media screen and (min-width: 835px), print { .support-info-box { padding: 2rem; border: 0.1rem solid #bbb; background-image: url(../../assets/image/common/hans-on-box-bg_pc.png); background-size: auto 100%; } } @media screen and (max-width: 834px) { .support-info-box { margin: 0 -2rem; padding: 2rem 2rem; background-image: url(../../assets/image/common/hans-on-box-bg_sp.png); background-size: 100% auto; } } .support-info-box__label { display: flex; flex-wrap: wrap; } @media screen and (min-width: 835px), print { .support-info-box__label { gap: 1.2rem; } } @media screen and (max-width: 834px) { .support-info-box__label { gap: 1rem; } } .support-info-box__label__item { padding: 0.3rem; background: #fff; border: 0.1rem solid #bbb; text-align: center; font-size: 1.4rem; font-weight: 500; line-height: 1.4285714286; } @media screen and (min-width: 835px), print { .support-info-box__label__item { min-width: 11.3rem; } } @media screen and (max-width: 834px) { .support-info-box__label__item { min-width: 10rem; } } .support-info-box__heading { font-weight: 700; line-height: 1.4; position: relative; } @media screen and (min-width: 835px), print { .support-info-box__heading { margin-top: 1rem; font-size: 2.8rem; } } @media screen and (max-width: 834px) { .support-info-box__heading { margin-top: 1.4rem; font-size: 2rem; } } @media screen and (min-width: 835px), print { .support-info-box__btn { margin-top: 3.2rem; } } @media screen and (max-width: 834px) { .support-info-box__btn { margin-top: 2rem; } } .support-info-box__btn .btn--black svg { height: auto; position: relative; z-index: 3; } @media screen and (min-width: 835px), print { .support-info-box__btn .btn--black svg { width: 2rem; margin-right: 1rem; } } @media screen and (max-width: 834px) { .support-info-box__btn .btn--black svg { width: 1.7rem; margin-right: 1.1rem; } } .flow-list { display: flex; flex-direction: column; gap: 4rem; margin-top: 4rem; counter-reset: flow-cnt; } .flow-list__heading { display: flex; position: relative; font-weight: 700; line-height: 1.375; } @media screen and (min-width: 835px), print { .flow-list__heading { gap: 1.2rem; font-size: 2rem; } } @media screen and (max-width: 834px) { .flow-list__heading { gap: 1.3rem; font-size: 1.6rem; } } .flow-list__heading::before { content: counter(flow-cnt); counter-increment: flow-cnt; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-weight: 700; } @media screen and (min-width: 835px), print { .flow-list__heading::before { width: 4.4rem; height: 4.8rem; font-size: 2.2rem; } } @media screen and (max-width: 834px) { .flow-list__heading::before { width: 3.8rem; height: 4.1rem; font-size: 1.8rem; } } .flow-list__heading::after { content: ""; display: block; background: #fbe8e2; position: absolute; transform: rotate(45deg); z-index: -1; } @media screen and (min-width: 835px), print { .flow-list__heading::after { width: 3.1rem; height: 3.1rem; box-shadow: 0.4rem 0.4rem 0 #cb2c00; top: 0.9rem; left: 0.6rem; } } @media screen and (max-width: 834px) { .flow-list__heading::after { width: 2.6rem; height: 2.6rem; box-shadow: 0.3rem 0.3rem 0 #cb2c00; top: 0.7rem; left: 0.6rem; } } .flow-list__heading__inner { display: flex; align-items: center; } @media screen and (min-width: 835px), print { .flow-list__heading__inner { min-height: 4.4rem; } } .news-area, .news-area--bid { background: #f2f6f7; } @media screen and (max-width: 834px) { .news-area, .news-area--bid { padding-top: 3rem; padding-bottom: 3rem; margin-top: 5rem; margin-bottom: 5rem; } } @media screen and (min-width: 835px), print { .news-area, .news-area--bid { padding-top: 4rem; padding-bottom: 4rem; margin-top: 8rem; margin-bottom: 8rem; } } @media print { .news-area, .news-area--bid { break-inside: avoid; } } @media screen and (max-width: 834px) { .news-area__inner { margin-left: calc(50% - var(--vw) * 50); margin-right: calc(50% - var(--vw) * 50); } } .news-area__head { text-align: unset; } @media screen and (max-width: 834px) { .news-area__head { margin-bottom: 1.5rem; } } @media screen and (min-width: 835px), print { .news-area__head { margin-bottom: 2rem; } } .news-area__head:after { content: none; } .news-area__body { display: flex; flex-direction: column; position: relative; } @media screen and (max-width: 834px) { .news-area__body { gap: 2rem; } } @media screen and (min-width: 835px), print { .news-area__body { padding-top: 4.6rem; } } .news-area__body .news-area__foot { margin-top: 3rem; } @media screen and (max-width: 834px) { .news-area__body .news-area__foot { margin-top: 2rem; margin-bottom: 1rem; } } @media screen and (max-width: 834px) { .news-area__body .news-area__foot .link-list { flex-direction: column; align-items: flex-end; } } .news-area__foot { display: flex; justify-content: flex-end; } @media screen and (max-width: 834px) { .news-area__foot { margin-top: 3rem; } } @media screen and (min-width: 835px), print { .news-area__foot { margin-top: 2rem; } } @media screen and (min-width: 835px), print { .news-area--bid .news-area__body { padding-top: 0; } } @media screen and (max-width: 834px) { .news-area.link-outside .news-list__item:last-of-type, .link-outside.news-area--bid .news-list__item:last-of-type { border-bottom: none; } } .first-read { line-height: 1.5; margin-bottom: 4rem; } @media screen and (max-width: 834px) { .first-read { margin-bottom: 2.5rem; } } .date-info { margin-top: 2rem; } .date-info__item { font-size: 1.4rem; line-height: 1.5714285714; letter-spacing: 0.04em; text-align: right; display: block; } @media screen and (min-width: 835px), print { .date-info__item { font-size: 1.6rem; line-height: 1.5625; letter-spacing: 0.04em; } } .logo { display: block; height: 100%; transition-duration: 300ms; position: relative; } .logo:after { content: ""; display: block; width: 100%; height: 100%; border: 0.3rem solid transparent; position: absolute; top: 0; left: 0; pointer-events: none; transition-duration: 300ms; } .logo:focus-visible:after { border-color: #cb2c00; } @media (hover: hover) { .logo:hover:after { border-color: #cb2c00; } } @media (hover: none) { .logo:active:after { border-color: #cb2c00; } } .logo:focus-visible:after { border-color: #757575; } @media (hover: hover) { .logo:hover:after { border-color: #757575; } } @media (hover: none) { .logo:active:after { border-color: #757575; } } @media screen and (max-width: 834px) { .logo { padding: 0.25rem; } } @media screen and (min-width: 835px), print { .logo { padding: 0.75rem; } } .line { height: 0.1rem; background: #bbb; margin: 3rem 0; } .pagelink { display: inline-block; font-weight: 700; line-height: 1.375; position: relative; transition-duration: 300ms; } .pagelink:focus-visible { text-decoration: underline; } @media (hover: hover) { .pagelink:hover { text-decoration: underline; } } @media (hover: none) { .pagelink:active { text-decoration: underline; } } .pagelink:focus-visible { color: #cb2c00; } @media (hover: hover) { .pagelink:hover { color: #cb2c00; } } @media (hover: none) { .pagelink:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .pagelink { margin-top: 2rem; padding-left: 2.6rem; transition: color 300ms; } .pagelink:focus-visible { outline: auto; } } @media screen and (max-width: 834px) { .pagelink { margin-top: 1.6rem; padding-left: 2.2rem; } } .pagelink::before { content: ""; display: block; background: #cb2c00; position: absolute; top: calc(50% - 0.6rem); left: 0; } @media screen and (min-width: 835px), print { .pagelink::before { width: 1.6rem; height: 1.6rem; } } @media screen and (max-width: 834px) { .pagelink::before { width: 1.4rem; height: 1.4rem; } } .pagelink::after { content: ""; display: block; width: 0.6rem; height: 0.6rem; border-top: 0.2rem solid #fff; border-right: 0.2rem solid #fff; transform: rotate(-45deg); position: absolute; margin: auto; } @media screen and (min-width: 835px), print { .pagelink::after { top: 50%; left: 0.5rem; } } @media screen and (max-width: 834px) { .pagelink::after { top: calc(50% - 0.1rem); left: 0.4rem; } } .pagelink__wrap { display: flex; justify-content: flex-end; } .select_btn__btn { gap: 3rem; margin-top: 4rem; display: flex; flex-wrap: wrap; } @media screen and (max-width: 834px) { .select_btn__btn { display: none; } } .select_btn__btn .select_btn__item { display: flex; justify-content: center; } .select_btn__btn .select_btn__item a { border: 0.1rem solid #cb2c00; font-weight: bold; padding: 1.7rem 0; display: block; width: 100%; text-align: center; transition-duration: 300ms; text-decoration: underline; } .select_btn__btn .select_btn__item a:focus-visible { text-decoration: none; } @media (hover: hover) { .select_btn__btn .select_btn__item a:hover { text-decoration: none; } } @media (hover: none) { .select_btn__btn .select_btn__item a:active { text-decoration: none; } } .select_btn__btn .select_btn__item a:focus-visible { border-color: #14399e; background-color: #14399e; color: #fff; } @media (hover: hover) { .select_btn__btn .select_btn__item a:hover { border-color: #14399e; background-color: #14399e; color: #fff; } } @media (hover: none) { .select_btn__btn .select_btn__item a:active { border-color: #14399e; background-color: #14399e; color: #fff; } } .select_btn__btn .select_btn__text { border: 0.1rem solid #cb2c00; font-weight: bold; padding: 1.7rem 0; display: block; width: 100%; text-align: center; transition-duration: 300ms; text-decoration: underline; } .select_btn__btn .select_btn__text:focus-visible { text-decoration: none; } @media (hover: hover) { .select_btn__btn .select_btn__text:hover { text-decoration: none; } } @media (hover: none) { .select_btn__btn .select_btn__text:active { text-decoration: none; } } .select_btn__btn .select_btn__text:focus-visible { border-color: #14399e; background-color: #14399e; color: #fff; } @media (hover: hover) { .select_btn__btn .select_btn__text:hover { border-color: #14399e; background-color: #14399e; color: #fff; } } @media (hover: none) { .select_btn__btn .select_btn__text:active { border-color: #14399e; background-color: #14399e; color: #fff; } } .select_btn__btn .select_btn__item--current .select_btn__text { color: #fff; background: #14399e; border-color: #14399e; } .select_btn__btn .select_btn__item--current a { text-decoration: none; pointer-events: none; } .select_btn__btn--col2 .select_btn__item { width: 48.2%; } .select_btn__btn--col3 .select_btn__item { width: 31.8%; } .select_btn__btn--col4 .select_btn__item { width: 23.2%; } .select_btn__btn--col5 { gap: 2rem; } .select_btn__btn--col5 .select_btn__item { width: 18.1%; } .select_btn__btn--col6 { gap: 2rem; } .select_btn__btn--col6 .select_btn__item { width: 14.7%; } .select_btn__select { position: relative; margin-top: 2rem; } .select_btn__select::after { content: ""; display: block; width: 1rem; height: 1rem; border-top: 0.2rem solid #333; border-right: 0.2rem solid #333; transform: rotate(135deg); position: absolute; right: 2rem; top: 38%; } @media screen and (min-width: 835px), print { .select_btn__select { display: none; } } .select_btn__select select { border: 0.1rem solid #cb2c00; padding: 1.7rem 5rem 1.7rem 1.5rem; width: 100%; font-weight: bold; transition-duration: 300ms; } .select_btn__select select:focus-visible { color: #fff; background: #cb2c00; } @media (hover: hover) { .select_btn__select select:hover { color: #fff; background: #cb2c00; } } @media (hover: none) { .select_btn__select select:active { color: #fff; background: #cb2c00; } } .tenant-company { background-color: #f2f6f7; padding: 1.5rem 1rem; margin-bottom: 2rem; } @media screen and (min-width: 835px), print { .tenant-company { padding: 2rem 2rem; } } .tenant-company a { color: #14399e; text-decoration: underline; font-size: 1.6rem; font-weight: bold; margin-bottom: 1.5rem; display: inline-block; line-height: 1.4; transition-duration: 300ms; text-decoration: underline; } @media screen and (min-width: 835px), print { .tenant-company a { margin-bottom: 1rem; } } .tenant-company a:focus-visible { text-decoration: none; } @media (hover: hover) { .tenant-company a:hover { text-decoration: none; } } @media (hover: none) { .tenant-company a:active { text-decoration: none; } } .tenant-company a:focus-visible { color: #cb2c00; } @media (hover: hover) { .tenant-company a:hover { color: #cb2c00; } } @media (hover: none) { .tenant-company a:active { color: #cb2c00; } } .tenant-company .tenant-company__room { font-weight: bold; } @media screen and (min-width: 835px), print { .tenant-company .tenant-company__room { display: flex; align-items: baseline; gap: 1.5rem; } } .tenant-company .tenant-company__room .room__title { color: #fff; background-color: #333; font-size: 1.4rem; margin-bottom: 1rem; display: inline-block; padding: 0.6rem 0.7rem; } @media screen and (min-width: 835px), print { .tenant-company .tenant-company__room .room__title { margin-bottom: 0; } } .tenant-company .tenant-company__room .room__number { font-size: 1.5rem; } @media screen and (max-width: 834px) { .tenant-company .tenant-company__room .room__number { display: inline-block; margin-left: 1rem; } } .tenant-company .info { margin-top: 1.5rem; } .tenant-company .info__title { font-size: 1.5rem; font-weight: bold; border-bottom: 0.1rem solid #bbb; padding-bottom: 0.7rem; } @media screen and (max-width: 834px) { .tenant-company .info__detail { margin-top: 1rem; } } .tenant-company .info__detail p { line-height: 1.5; margin-top: 0.5rem; } .tenant-company .info__detail p.mark { position: relative; padding-left: 1rem; } .tenant-company .info__detail p.mark::before { content: ""; width: 0.3rem; height: 0.3rem; background-color: #333; position: absolute; left: 0; top: 1rem; } @media screen and (min-width: 835px), print { .region-map__wrap { display: flex; gap: 4.5rem; } } .region-map__wrap .region-map__area { width: 77rem; margin-top: 10rem; display: flex; justify-content: space-between; position: relative; } @media screen and (max-width: 834px) { .region-map__wrap .region-map__area { display: none; } } .region-map__wrap .region-map__area img { position: absolute; } .region-map__wrap .region-map__area .region-map__list .region-map__item { position: absolute; } .region-map__wrap .region-map__area .region-map__list .region-map__item a { display: block; width: 14.3rem; font-size: 1.4rem; font-weight: 500; background-color: #f2f6f7; border: 0.1rem solid #bbb; padding: 0.8rem 0; text-align: center; position: relative; } @media screen and (min-width: 835px), print { .region-map__wrap .region-map__area .region-map__list .region-map__item a { transition-duration: 300ms; } .region-map__wrap .region-map__area .region-map__list .region-map__item a:focus-visible { text-decoration: underline; } } @media screen and (min-width: 835px) and (hover: hover), print and (hover: hover) { .region-map__wrap .region-map__area .region-map__list .region-map__item a:hover { text-decoration: underline; } } @media screen and (min-width: 835px) and (hover: none), print and (hover: none) { .region-map__wrap .region-map__area .region-map__list .region-map__item a:active { text-decoration: underline; } } .region-map__wrap .region-map__area.regional-map .region-map__item.list01 { top: 1.6rem; right: 30rem; } .region-map__wrap .region-map__area.regional-map .region-map__item.list02 { top: 15rem; right: 6.2rem; } .region-map__wrap .region-map__area.regional-map .region-map__item.list03 { top: 22.4rem; right: 6.2rem; } .region-map__wrap .region-map__area.regional-map .region-map__item.list04 { top: 28.6rem; right: 6.2rem; } .region-map__wrap .region-map__area.regional-map .region-map__item.list05 { top: 19.6rem; right: 32.2rem; } .region-map__wrap .region-map__area.regional-map .region-map__item.list06 { top: 39.6rem; right: 6.2rem; } .region-map__wrap .region-map__area.regional-map .region-map__item.list07 { top: 44.1rem; right: 22.6rem; } .region-map__wrap .region-map__area.regional-map .region-map__item.list08 { top: 22.2rem; left: 3.7rem; } .region-map__wrap .region-map__area.regional-map .region-map__item.list09 { top: 25.5rem; left: 21rem; } .region-map__wrap .region-map__area.regional-map .region-map__item.list10 { top: 29.8rem; left: 3.7rem; } .region-map__wrap .region-map__area.regional-map .region-map__item.list11 { top: 53.5rem; left: 5.8rem; } .region-map__wrap .region-map__area.institute-map .region-map__item.list01 { top: 0.6rem; right: 31.7rem; } .region-map__wrap .region-map__area.institute-map .region-map__item.list02 { top: 20.6rem; right: 1.7rem; } .region-map__wrap .region-map__area.institute-map .region-map__item.list03 { top: 32.4rem; right: 1.7rem; } .region-map__wrap .region-map__area.institute-map .region-map__item.list04 { top: 16rem; right: 33.2rem; } .region-map__wrap .region-map__area.institute-map .region-map__item.list05 { top: 39.2rem; right: 1.7rem; } .region-map__wrap .region-map__area.institute-map .region-map__item.list06 { top: 41.3rem; right: 21.4rem; } .region-map__wrap .region-map__area.institute-map .region-map__item.list07 { top: 20.3rem; left: 8.6rem; } .region-map__wrap .region-map__area.institute-map .region-map__item.list08 { top: 25.6rem; left: -0.2rem; } .region-map__wrap .region-map__area.institute-map .region-map__item.list09 { top: 31rem; left: -0.2rem; } .region-map__wrap .region-map__area.institute-map .region-map__item.list10 { top: 21.8rem; left: 24.7rem; } .region-map__wrap .region-map__area.institute-map .region-map__item.list11 { top: 47.1rem; left: 31.9rem; } @media screen and (min-width: 835px), print { .region-map__wrap .region-map__content { width: 38.6rem; } } .region-map__wrap .region-map__content .heading--lv5 { font-size: 1.6rem; margin-top: 4.5rem; } @media screen and (min-width: 835px), print { .region-map__wrap .region-map__content .heading--lv5 { margin-top: 2rem; font-size: 2.6rem; } } .region-map__wrap .region-map__content .heading--lv5::before { top: 0.7rem; background: linear-gradient(135deg, #333 0%, #333 50%, #cb2c00 50%, #cb2c00 100%); } @media screen and (min-width: 835px), print { .region-map__wrap .region-map__content .heading--lv5::before { top: 1.4rem; width: 1.2rem; height: 1.2rem; } } @media screen and (min-width: 835px), print { .region-map__wrap .region-map__content .heading--lv5:first-of-type { margin-top: 4.5rem; } } @media screen and (max-width: 834px) { .region-map__wrap .region-map__content .heading--lv5:first-of-type { margin-top: 2rem; } } @media screen and (min-width: 835px), print { .region-map__wrap .region-map__content .region-map--link { font-weight: normal; color: #14399e; text-decoration: underline; display: inline-block; transition-duration: 300ms; text-decoration: underline; } .region-map__wrap .region-map__content .region-map--link:focus-visible { text-decoration: none; } } @media screen and (min-width: 835px) and (hover: hover), print and (hover: hover) { .region-map__wrap .region-map__content .region-map--link:hover { text-decoration: none; } } @media screen and (min-width: 835px) and (hover: none), print and (hover: none) { .region-map__wrap .region-map__content .region-map--link:active { text-decoration: none; } } @media screen and (min-width: 835px), print { .region-map__wrap .region-map__content .region-map--link:focus-visible { color: #cb2c00; } } @media screen and (min-width: 835px) and (hover: hover), print and (hover: hover) { .region-map__wrap .region-map__content .region-map--link:hover { color: #cb2c00; } } @media screen and (min-width: 835px) and (hover: none), print and (hover: none) { .region-map__wrap .region-map__content .region-map--link:active { color: #cb2c00; } } @media screen and (max-width: 834px) { .region-map__wrap .region-map__content .region-map--link { font-weight: 700; width: 100%; display: flex; align-items: center; position: relative; background: #fff; border-top: 0.1rem solid #333; border-left: 0.1rem solid #333; border-right: 0.1rem solid #333; border-bottom: 0.25rem solid #cb2c00; padding-top: 1.8rem; padding-left: 2rem; padding-right: 5rem; padding-bottom: 1.8rem; } .region-map__wrap .region-map__content .region-map--link::after { content: ""; display: block; width: 1.1rem; height: 1.1rem; border-top: 0.3rem solid #333; border-right: 0.3rem solid #333; transform: rotate(45deg); top: calc(50% - 0.5rem); right: 1.5rem; position: absolute; margin: auto; } } @media screen and (min-width: 835px), print { .region-map__wrap .region-map__content .region-map--link .link__txt { font-weight: 500; } } .region-map__wrap .region-map__content .region-map--link__list { display: flex; flex-direction: column; gap: 2rem; margin-top: 2rem; } .region-map__wrap .region-map__content .region-map--prefectures { line-height: 1.5; margin-top: 1.5rem; } @media screen and (max-width: 834px) { .region-map__wrap .region-map__content .region-map--prefectures { margin-top: 1rem; } } @media screen and (min-width: 835px), print { .filter-block .select_btn__btn, .filter-block--news .select_btn__btn { margin-top: 2rem; column-gap: 3.6rem; } } @media screen and (min-width: 835px), print { .filter-block .select_btn__item, .filter-block--news .select_btn__item { width: 19.3rem; } } @media screen and (min-width: 835px), print { .filter-block--news .select_btn__item { width: 15rem; } } @media screen and (min-width: 835px), print { .filter-block--second { margin-top: 4rem; } } @media screen and (min-width: 835px), print { .filter-block--second .select_btn__btn { flex-wrap: wrap; column-gap: 3.2rem; row-gap: 2rem; justify-content: space-between; } } @media screen and (min-width: 835px), print { .filter-block--second .select_btn__item { width: 27.2rem; } } @media screen and (min-width: 835px), print { .filter-block__heading { font-size: 2rem; margin-top: 0; } } .filter-block__heading--year { margin-top: 5.6rem; } .filter-block__heading--year + .news__body { margin-top: 0; } @media screen and (min-width: 835px), print { .search-box { margin-top: 2rem; } } @media screen and (max-width: 834px) { .search-box { padding: 0 2rem; order: 2; } } .search-box--inner { display: flex; flex-direction: column; align-items: flex-start; background-color: #fff; border: 0.1rem solid #333; padding: 1rem; padding-top: 1.4rem; width: 27.8rem; } @media screen and (max-width: 834px) { .search-box--inner { width: 100%; margin-top: 1.5rem; } } .search-box--inner .search-box--title { margin-bottom: 1rem; font-size: 1.4rem; font-weight: bold; } .search-box--inner .search-box-wrap { display: flex; width: 100%; } @media screen and (max-width: 834px) { .search-box--inner .search-box-wrap { flex-direction: row; } } .search-box--inner .search-box-wrap input { border: 0.1rem solid #bbb; width: 17rem; padding: 0.5rem 0; padding-left: 1rem; font-size: 1.4rem; } @media screen and (max-width: 834px) { .search-box--inner .search-box-wrap input { width: 100%; padding: 1.8rem 0; padding-left: 1rem; font-size: 1.6rem; } } .search-box--inner .search-box-wrap input::placeholder { color: #333; } .search-box--inner .search-box-wrap button { background-color: #cb2c00; color: #fff; font-weight: 500; width: 100%; text-align: center; border: 0.2rem solid transparent; transition-duration: 300ms; } .search-box--inner .search-box-wrap button:focus-visible { text-decoration: underline; } @media (hover: hover) { .search-box--inner .search-box-wrap button:hover { text-decoration: underline; } } @media (hover: none) { .search-box--inner .search-box-wrap button:active { text-decoration: underline; } } .search-box--inner .search-box-wrap button:focus-visible { color: #cb2c00; background-color: #fff; border-color: #cb2c00; cursor: pointer; } .search-box--inner .search-box-wrap button:focus-visible svg path { fill: #cb2c00; } @media (hover: hover) { .search-box--inner .search-box-wrap button:hover { color: #cb2c00; background-color: #fff; border-color: #cb2c00; cursor: pointer; } .search-box--inner .search-box-wrap button:hover svg path { fill: #cb2c00; } } @media (hover: none) { .search-box--inner .search-box-wrap button:active { color: #cb2c00; background-color: #fff; border-color: #cb2c00; cursor: pointer; } .search-box--inner .search-box-wrap button:active svg path { fill: #cb2c00; } } @media screen and (max-width: 834px) { .search-box--inner .search-box-wrap button { padding: 2.2rem 0; max-width: 7.7rem; margin: auto; } } .search-box--inner .search-box-wrap button svg { width: 1.4rem; height: 1.4rem; } .search-box--inner .search-box-wrap button svg path { transition-duration: 300ms; } @media screen and (min-width: 835px), print { .category-ttl .search-box { position: absolute; right: 2rem; top: 2rem; } } @media screen and (max-width: 834px) { .sidebar .search-box { padding: 0; visibility: visible; margin-top: 5rem; } .sidebar .search-box .search-box--inner { margin-top: 0; } } @media screen and (max-width: 834px) { .category-ttl:not([data-type]) .search-box { margin-bottom: 1.5rem; } } .side-bnr-link__list { visibility: visible; display: flex; flex-direction: column; gap: 2rem; } @media screen and (max-width: 834px) { .side-bnr-link__list { margin-top: 5rem; } } @media screen and (min-width: 835px), print { .side-bnr-link__list { margin-top: 2rem; } } .side-bnr-link__list a { display: block; position: relative; } .side-bnr-link__list a:before { content: ""; display: block; width: 100%; height: 100%; border: solid 1px #333; position: absolute; top: 0; left: 0; } @media screen and (min-width: 835px), print { .side-bnr-link__list a { transition-duration: 300ms; position: relative; } .side-bnr-link__list a:after { content: ""; display: block; width: 100%; height: 100%; border-right: solid #707070; border-bottom: solid #707070; position: absolute; top: 0; left: 0; z-index: -1; transition-duration: 300ms; } } @media screen and (min-width: 835px) and (max-width: 834px) { .side-bnr-link__list a:after { border-width: 0.2rem; } } @media screen and (min-width: 835px) and (min-width: 835px), print { .side-bnr-link__list a:after { border-width: 0.4rem; } } @media screen and (min-width: 835px) and (max-width: 834px) { .side-bnr-link__list a:focus-visible:after { top: 0.3rem; left: 0.3rem; } } @media screen and (min-width: 835px) and (min-width: 835px), print { .side-bnr-link__list a:focus-visible:after { top: 0.6rem; left: 0.6rem; } } @media screen and (min-width: 835px) and (hover: hover) and (max-width: 834px) { .side-bnr-link__list a:hover:after { top: 0.3rem; left: 0.3rem; } } @media screen and (min-width: 835px) and (hover: hover) and (min-width: 835px), print and (hover: hover) { .side-bnr-link__list a:hover:after { top: 0.6rem; left: 0.6rem; } } @media screen and (min-width: 835px) and (hover: none) and (max-width: 834px) { .side-bnr-link__list a:active:after { top: 0.3rem; left: 0.3rem; } } @media screen and (min-width: 835px) and (hover: none) and (min-width: 835px), print and (hover: none) { .side-bnr-link__list a:active:after { top: 0.6rem; left: 0.6rem; } } .side-bnr-link__list a .link-icon--out { display: flex; align-items: center; justify-content: center; margin: 0; background: #fff; position: absolute; } @media screen and (min-width: 835px), print { .side-bnr-link__list a .link-icon--out { width: 2rem; height: 2rem; right: 0.4rem; top: 0.4rem; } } @media screen and (max-width: 834px) { .side-bnr-link__list a .link-icon--out { width: 1.5rem; height: 1.5rem; right: 0.2rem; top: 0.2rem; } } @media screen and (min-width: 835px), print { .side-bnr-link__list a .link-icon--out svg { width: 1.5rem; } } @media screen and (max-width: 834px) { .side-bnr-link__list a .link-icon--out svg { width: 1.1rem; } } .side-bnr-link__list__image { display: block; width: 100%; height: 100%; } .side-bnr-link__list__text { display: flex; align-items: center; justify-content: flex-end; margin-top: 1rem; } @media screen and (min-width: 835px), print { .side-bnr-link__list__text { font-size: 1.6rem; } } @media screen and (max-width: 834px) { .side-bnr-link__list__text { font-size: 1.4rem; } } .training-list { display: flex; } @media screen and (min-width: 835px), print { .training-list { flex-wrap: wrap; margin-top: 3rem; gap: 3rem 4.2rem; } } @media screen and (max-width: 834px) { .training-list { margin-top: 1.5rem; flex-direction: column; gap: 3rem; } } .training-list__item { background: #fff; position: relative; } @media screen and (min-width: 835px), print { .training-list__item { width: calc((100% - 8.4rem) / 3); } } @media screen and (max-width: 834px) { .training-list__item { width: 100%; } } .training-list__item__inner { display: flex; flex-direction: column; height: 100%; } .training-list__item::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 3rem 3rem; border-color: transparent transparent #333 transparent; position: absolute; bottom: 0.2rem; right: 0.2rem; } .training-list__item::after { content: ""; background: url(../image/common/icon-link.svg) no-repeat center center; width: 0.9rem; height: 0.9rem; position: absolute; bottom: 0.7rem; right: 0.6rem; } .training-list__heading { background: #cb2c00; color: #fff; font-weight: 700; position: relative; line-height: 1.3888888889; } @media screen and (min-width: 835px), print { .training-list__heading { padding: 1.4rem 3.2rem 1.4rem 2rem; font-size: 1.8rem; } } @media screen and (max-width: 834px) { .training-list__heading { padding: 1.8rem 3.2rem 1.8rem 1.5rem; font-size: 1.4rem; } } .training-list a { transition-duration: 300ms; position: relative; } .training-list a:after { content: ""; display: block; width: 100%; height: 100%; border-right: solid #707070; border-bottom: solid #707070; position: absolute; top: 0; left: 0; z-index: -1; transition-duration: 300ms; } @media screen and (max-width: 834px) { .training-list a:after { border-width: 0.2rem; } } @media screen and (min-width: 835px), print { .training-list a:after { border-width: 0.4rem; } } @media screen and (max-width: 834px) { .training-list a:focus-visible:after { top: 0.3rem; left: 0.3rem; } } @media screen and (min-width: 835px), print { .training-list a:focus-visible:after { top: 0.6rem; left: 0.6rem; } } @media screen and (hover: hover) and (max-width: 834px) { .training-list a:hover:after { top: 0.3rem; left: 0.3rem; } } @media screen and (hover: hover) and (min-width: 835px), print and (hover: hover) { .training-list a:hover:after { top: 0.6rem; left: 0.6rem; } } @media screen and (hover: none) and (max-width: 834px) { .training-list a:active:after { top: 0.3rem; left: 0.3rem; } } @media screen and (hover: none) and (min-width: 835px), print and (hover: none) { .training-list a:active:after { top: 0.6rem; left: 0.6rem; } } .training-list a .training-list__heading .link-icon--out g { stroke: #fff; } .training-list a .training-list__heading .link-icon--out path { fill: #fff; } .training-list__box { border: 0.1rem solid #bbb; flex: 1; } .training-list__date { background: #fbe8e2; font-weight: 700; color: #333; line-height: 1.3888888889; } @media screen and (min-width: 835px), print { .training-list__date { padding: 1rem 2rem; font-size: 1.8rem; } } @media screen and (max-width: 834px) { .training-list__date { padding: 1rem 1.5rem; } } .training-list__date .year { display: block; font-weight: 400; } @media screen and (min-width: 835px), print { .training-list__date .year { font-size: 1.6rem; } } .training-list__title { font-weight: 700; line-height: 1.4; } @media screen and (min-width: 835px), print { .training-list__title { font-size: 2rem; } } .training-list__detail { display: flex; flex-direction: column; } @media screen and (min-width: 835px), print { .training-list__detail { gap: 2rem; padding: 2rem; } } @media screen and (max-width: 834px) { .training-list__detail { gap: 1.5rem; padding: 1.5rem; } } .training-list__detail-list { display: flex; align-items: baseline; flex-wrap: wrap; font-weight: 500; gap: 1rem 1.6rem; } .training-list__detail-list dt { height: 2.8rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: #f2f6f7; border: 0.1rem solid #bbb; } @media screen and (min-width: 835px), print { .training-list__detail-list dt { width: 10.6rem; font-size: 1.4rem; } } @media screen and (max-width: 834px) { .training-list__detail-list dt { width: 12.4rem; } } .training-list__detail-list dd { line-height: 1.3928571429; } @media screen and (min-width: 835px), print { .training-list__detail-list dd { width: calc(100% - 12.2rem); } } @media screen and (max-width: 834px) { .training-list__detail-list dd { width: calc(100% - 14rem); } } .form--search { display: flex; align-items: center; background: #fff; border-style: solid; } @media screen and (max-width: 834px) { .form--search { height: 6rem; border-width: 0.1rem; border-color: #333; } } @media screen and (min-width: 835px), print { .form--search { height: 6rem; border-width: 0.2rem; border-color: #bbb; } } .form--search__input { height: 100%; letter-spacing: 0.08em; } @media screen and (min-width: 835px), print { .form--search__input { width: calc(100% - 7.8rem); font-size: 1.8rem; font-weight: bold; padding-left: 3rem; padding-right: 3rem; } } @media screen and (max-width: 834px) { .form--search__input { width: calc(100% - 5.8rem); font-weight: 500; padding-left: 2rem; padding-right: 2rem; font-size: 1.6rem; } } .form--search__button { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; height: 100%; color: #fff; background: #cb2c00; border: 0.3rem solid #cb2c00; cursor: pointer; transition-duration: 300ms; } .form--search__button:focus-visible { color: #cb2c00; background: #fff; } .form--search__button:focus-visible path { fill: #cb2c00; } @media (hover: hover) { .form--search__button:hover { color: #cb2c00; background: #fff; } .form--search__button:hover path { fill: #cb2c00; } } @media (hover: none) { .form--search__button:active { color: #cb2c00; background: #fff; } .form--search__button:active path { fill: #cb2c00; } } @media screen and (max-width: 834px) { .form--search__button { gap: 0.5rem; width: 8.7rem; font-weight: 500; } } @media screen and (min-width: 835px), print { .form--search__button { gap: 1rem; width: 11.5rem; font-size: 1.8rem; font-weight: bold; } } @media screen and (max-width: 834px) { .form--search__button svg { width: 2.3rem; height: 2.3rem; } } @media screen and (min-width: 835px), print { .form--search__button svg { width: 2.8rem; height: 2.8rem; } } .form--search__button svg path { transition-duration: 300ms; } .keyword { margin-top: 3rem; } @media screen and (min-width: 835px), print { .keyword { display: flex; align-items: center; max-width: calc(880px + 4rem); } } @media screen and (max-width: 834px) { .keyword__title { font-size: 2rem; font-weight: bold; margin-bottom: 1.5rem; } } @media screen and (min-width: 835px), print { .keyword__title { flex-shrink: 0; font-weight: 500; font-size: 1.6rem; } } .keyword__list { display: flex; flex-wrap: wrap; } @media screen and (max-width: 834px) { .keyword__list { gap: 1rem; } } @media screen and (min-width: 835px), print { .keyword__list { gap: 1rem 1.6rem; padding-left: 4rem; border-left: 0.1rem solid #bbb; margin-left: 2.2rem; } } .keyword__item a { display: block; } @media screen and (min-width: 835px), print { .keyword__item a { transition-duration: 300ms; position: relative; } .keyword__item a:after { content: ""; display: block; width: 100%; height: 100%; border: 0.3rem solid transparent; position: absolute; top: 0; left: 0; pointer-events: none; transition-duration: 300ms; } .keyword__item a:focus-visible:after { border-color: #cb2c00; } } @media screen and (min-width: 835px) and (hover: hover), print and (hover: hover) { .keyword__item a:hover:after { border-color: #cb2c00; } } @media screen and (min-width: 835px) and (hover: none), print and (hover: none) { .keyword__item a:active:after { border-color: #cb2c00; } } @media screen and (min-width: 835px), print { .keyword__item a:focus-visible .keyword__link { color: #cb2c00; border-color: #cb2c00; } } @media screen and (min-width: 835px) and (hover: hover), print and (hover: hover) { .keyword__item a:hover .keyword__link { color: #cb2c00; border-color: #cb2c00; } } @media screen and (min-width: 835px) and (hover: none), print and (hover: none) { .keyword__item a:active .keyword__link { color: #cb2c00; border-color: #cb2c00; } } @media screen and (min-width: 835px), print { .keyword__item a:after { border-width: 0.2rem; border-radius: 50vh; } } .keyword__link { display: flex; width: 100%; height: 100%; letter-spacing: 0.04em; background: #fff; border: 0.1rem solid; border-radius: 50vh; } @media screen and (max-width: 834px) { .keyword__link { font-weight: 500; padding: 0.8rem 1.6rem; border-color: #cb2c00; transition-duration: 300ms; } .keyword__link:focus-visible { color: #fff; background: #cb2c00; border-color: #cb2c00; } } @media screen and (max-width: 834px) and (hover: hover) { .keyword__link:hover { color: #fff; background: #cb2c00; border-color: #cb2c00; } } @media screen and (max-width: 834px) and (hover: none) { .keyword__link:active { color: #fff; background: #cb2c00; border-color: #cb2c00; } } @media screen and (min-width: 835px), print { .keyword__link { font-weight: bold; font-size: 1.6rem; padding: 1rem 3.8rem; border-color: #bbb; } } .banner { margin-top: 3rem; display: flex; flex-wrap: wrap; } @media screen and (max-width: 834px) { .banner { justify-content: space-between; gap: 1rem 2rem; margin-top: 1.5rem; } } @media screen and (min-width: 835px), print { .banner { gap: 1.2rem 2.4rem; justify-content: center; } } @media screen and (max-width: 834px) { .banner li { width: calc(50% - 1rem); height: 3.5rem; background: #f2f6f7 !important; border: 1px solid #bbb; display: flex; justify-content: center; } } .banner li a { display: flex; align-items: center; justify-content: center; transition-duration: 300ms; position: relative; } .banner li a:after { content: ""; display: block; width: 100%; height: 100%; border-right: solid #707070; border-bottom: solid #707070; position: absolute; top: 0; left: 0; z-index: -1; transition-duration: 300ms; } @media screen and (max-width: 834px) { .banner li a:after { border-width: 0.2rem; } } @media screen and (min-width: 835px), print { .banner li a:after { border-width: 0.4rem; } } @media screen and (max-width: 834px) { .banner li a:focus-visible:after { top: 0.3rem; left: 0.3rem; } } @media screen and (min-width: 835px), print { .banner li a:focus-visible:after { top: 0.6rem; left: 0.6rem; } } @media screen and (hover: hover) and (max-width: 834px) { .banner li a:hover:after { top: 0.3rem; left: 0.3rem; } } @media screen and (hover: hover) and (min-width: 835px), print and (hover: hover) { .banner li a:hover:after { top: 0.6rem; left: 0.6rem; } } @media screen and (hover: none) and (max-width: 834px) { .banner li a:active:after { top: 0.3rem; left: 0.3rem; } } @media screen and (hover: none) and (min-width: 835px), print and (hover: none) { .banner li a:active:after { top: 0.6rem; left: 0.6rem; } } @media screen and (max-width: 834px) { .banner li a { padding-right: 1.5rem; padding-left: 1.5rem; position: relative; width: 100%; } } @media screen and (min-width: 835px), print { .banner li a { width: 28.2rem; height: 9rem; font-size: 0; background-size: contain; } } @media screen and (min-width: 835px), print { .banner li a span { display: none; } } @media screen and (min-width: 835px), print { .banner li a span.link-icon--out { display: block; } } .banner li a img { width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 834px) { .banner li a img { display: none; } } .banner__icon { display: flex; align-items: center; justify-content: center; background: #fff; position: absolute; } @media screen and (max-width: 834px) { .banner__icon { width: 1.5rem; height: 1.5rem; right: 0; top: 0; } } @media screen and (min-width: 835px), print { .banner__icon { width: 2rem; height: 2rem; right: 0.4rem; top: 0.4rem; } } @media screen and (max-width: 834px) { .banner__icon svg { width: 1.1rem; height: 1.1rem; } } @media screen and (min-width: 835px), print { .banner__icon svg { width: 1.5rem; height: 1.5rem; } } .banner__icon svg g { stroke: #cb2c00; } .banner__icon svg path { fill: #cb2c00; } .service { position: relative; } @media screen and (max-width: 834px) { .service { padding: unset; margin-top: 2rem; margin-bottom: 5rem; } } @media screen and (min-width: 835px), print { .service { margin-top: 4rem; margin-bottom: 8rem; } } .service:before { content: ""; display: block; background: url(../image/top/bg.svg) no-repeat center center; background-size: contain; margin-left: auto; margin-right: auto; position: absolute; z-index: -1; } @media screen and (max-width: 834px) { .service:before { width: 58.3rem; height: 24.2rem; top: -10.55rem; left: -100%; right: -100%; transform: translateX(-12.1rem); } } @media screen and (min-width: 835px), print { .service:before { width: 116.6rem; height: 48.4rem; top: -13.1rem; left: 0; right: 0; transform: translateX(-28rem); } } .service-search { display: flex; flex-direction: column; } @media screen and (max-width: 834px) { .service-search { gap: 0.2rem; margin-left: calc(50% - var(--vw) * 50); margin-right: calc(50% - var(--vw) * 50); } } @media screen and (min-width: 835px), print { .service-search { gap: 8rem; } } @media screen and (min-width: 835px), print { .service-block__title { display: none; } } .service-block__title[aria-expanded=true]:after { transform: rotate(0); } @media screen and (max-width: 834px) { .service-block__content { padding-top: 2rem; padding-left: 2rem; padding-right: 2rem; padding-bottom: 3rem; } } @media screen and (min-width: 835px), print { .service-block__content { display: block !important; } } .service-block__category { display: flex; align-items: center; width: 100%; border-bottom: solid #333; transition-duration: 300ms; position: relative; } .service-block__category:after { content: ""; display: block; width: 100%; height: 100%; border-right: solid #707070; border-bottom: solid #707070; position: absolute; top: 0; left: 0; z-index: -1; transition-duration: 300ms; } @media screen and (max-width: 834px) { .service-block__category:after { border-width: 0.2rem; } } @media screen and (min-width: 835px), print { .service-block__category:after { border-width: 0.4rem; } } @media screen and (max-width: 834px) { .service-block__category:focus-visible:after { top: 0.3rem; left: 0.3rem; } } @media screen and (min-width: 835px), print { .service-block__category:focus-visible:after { top: 0.6rem; left: 0.6rem; } } @media screen and (hover: hover) and (max-width: 834px) { .service-block__category:hover:after { top: 0.3rem; left: 0.3rem; } } @media screen and (hover: hover) and (min-width: 835px), print and (hover: hover) { .service-block__category:hover:after { top: 0.6rem; left: 0.6rem; } } @media screen and (hover: none) and (max-width: 834px) { .service-block__category:active:after { top: 0.3rem; left: 0.3rem; } } @media screen and (hover: none) and (min-width: 835px), print and (hover: none) { .service-block__category:active:after { top: 0.6rem; left: 0.6rem; } } .service-block__category:focus-visible:after { height: calc(100% + 0.3rem); } @media (hover: hover) { .service-block__category:hover:after { height: calc(100% + 0.3rem); } } @media (hover: none) { .service-block__category:active:after { height: calc(100% + 0.3rem); } } @media screen and (min-width: 835px), print { .service-block__category { height: 12rem; padding-left: 5rem; border-width: 0.3rem; } } @media screen and (max-width: 834px) { .service-block__category { height: 5.6rem; padding-left: 1.5rem; border-width: 0.3rem; } } .service-block__category:before { content: ""; display: block; width: 100%; height: 100%; background-position: center right; background-size: cover; position: absolute; top: 0; right: 0; } @media screen and (max-width: 834px) { .service-block__category:before { clip-path: polygon(calc(50% + 2.05rem) 0, 100% 0, 100% 100%, calc(50% - 0.03rem) 100%); } } @media screen and (min-width: 835px), print { .service-block__category:before { clip-path: polygon(calc(50% + 4rem) 0, 100% 0, 100% 100%, calc(50% - 4rem) 100%); } } .service-block__category:after { height: calc(100% + 0.3rem); } .service-block__category[data-category=sme] { background-color: #cb2c00; } .service-block__category[data-category=sme]:before { background-image: url(../image/top/bg-sme.jpg); } .service-block__category[data-category=venture] { background-color: #333; } .service-block__category[data-category=venture]:before { background-image: url(../image/top/bg-venture.jpg); } .service-block__category[data-category=supporter] { background-color: #19216b; } .service-block__category[data-category=supporter]:before { background-image: url(../image/top/bg-supporter.jpg); } .service-block__category__text { display: flex; align-items: center; justify-content: space-between; color: #fff; font-weight: 500; } @media screen and (max-width: 834px) { .service-block__category__text { gap: 0.5rem; line-height: 0.7179487179; } .service-block__category__text::after { content: ""; display: block; width: 0.8rem; height: 0.8rem; border-top: 0.16rem solid #fff; border-right: 0.16rem solid #fff; transform: rotate(45deg); } } @media screen and (min-width: 835px), print { .service-block__category__text { gap: 1.6rem; font-size: 2.4rem; line-height: 1.25; } .service-block__category__text::after { content: ""; display: block; width: 1.4rem; height: 1.4rem; border-top: 0.35rem solid #fff; border-right: 0.35rem solid #fff; transform: rotate(45deg); } } @media screen and (max-width: 834px) { .service-list { margin-top: 2rem; } } @media screen and (min-width: 835px), print { .service-list { margin-top: 3rem; } } @media screen and (max-width: 834px) { html[lang=en] .header__content { padding-left: 0; } } html[lang=en] .header__logo .logo { display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 834px) { html[lang=en] .header__logo .logo { padding: 1.25rem; } } @media screen and (min-width: 835px), print { html[lang=en] .header__logo .logo { padding: 1rem 1.75em; } } @media screen and (max-width: 834px) { html[lang=en] .bottom-menu { display: none; } } .contents.en .top_slider, .contents.en .top_slider .top_slide { margin-bottom: 0; } @media screen and (min-width: 835px), print { .contents.en { font-size: 2rem; } } .contents.en .news-area { margin-top: 0; background-color: transparent; } @media screen and (max-width: 834px) { .contents.en .news-area { margin-bottom: 0; } } @media screen and (min-width: 835px), print { .contents.en .news-area .news-area__head { font-size: 3.6rem; } } .contents.en .news-area .news-area__body { padding-top: 0; } .contents.en .relations-center p { line-height: 1.5; } @media screen and (min-width: 835px), print { .contents.en .img-list--col2 { max-width: none; } } @media screen and (max-width: 834px) { .contents.en .bottom-menu { display: none; } } .report-list--voices .report-list__item { flex-direction: column; line-height: 1.5; border-bottom: 0.1rem solid #bbb; padding-bottom: 2rem; margin-bottom: 2rem; } .report-list--voices .report-list__item .report-list__date { margin-bottom: 1.2rem; display: block; } @media screen and (min-width: 835px), print { .report-list--voices .report-list__item .report-list__date { margin-bottom: 1.5rem; } } .report-list--voices .report-list__item .report-list__title { color: #14399e; text-decoration: underline; font-weight: 500; margin-bottom: 1.2rem; display: inline-block; transition-duration: 300ms; text-decoration: underline; } .report-list--voices .report-list__item .report-list__title:focus-visible { text-decoration: none; } @media (hover: hover) { .report-list--voices .report-list__item .report-list__title:hover { text-decoration: none; } } @media (hover: none) { .report-list--voices .report-list__item .report-list__title:active { text-decoration: none; } } .report-list--voices .report-list__item .report-list__title:focus-visible { color: #cb2c00; } @media (hover: hover) { .report-list--voices .report-list__item .report-list__title:hover { color: #cb2c00; } } @media (hover: none) { .report-list--voices .report-list__item .report-list__title:active { color: #cb2c00; } } .def-list--en-voice { display: flex; flex-direction: column; gap: 2rem; border: none; margin-top: 1.5rem; } @media screen and (min-width: 835px), print { .def-list--en-voice { margin-top: 2rem; padding: 0; } } .def-list--en-voice .def-list__item--flex:last-of-type, .def-list--en-voice .legacy .contact-box dl:last-of-type, .legacy .contact-box .def-list--en-voice dl:last-of-type, .def-list--en-voice .legacy .definition dl:last-of-type, .legacy .definition .def-list--en-voice dl:last-of-type, .def-list--en-voice .legacy .training-box dl:last-of-type, .legacy .training-box .def-list--en-voice dl:last-of-type, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali:last-of-type, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali:last-of-type { padding-bottom: 2rem; } .def-list--en-voice .def-list__item--flex:last-of-type::after, .def-list--en-voice .legacy .contact-box dl:last-of-type::after, .legacy .contact-box .def-list--en-voice dl:last-of-type::after, .def-list--en-voice .legacy .definition dl:last-of-type::after, .legacy .definition .def-list--en-voice dl:last-of-type::after, .def-list--en-voice .legacy .training-box dl:last-of-type::after, .legacy .training-box .def-list--en-voice dl:last-of-type::after, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali:last-of-type::after, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali:last-of-type::after { content: ""; display: block; width: 100%; height: 0.2rem; background: linear-gradient(to right, #bbb 0, #bbb 0.2rem, transparent 0.2rem, transparent 0.6rem) repeat-x; background-size: 0.6rem 0.2rem; position: absolute; bottom: 0; left: 0; } @media screen and (min-width: 835px), print { .def-list--en-voice .def-list__item--flex .def-list__ttl--wide, .def-list--en-voice .legacy .contact-box dl .def-list__ttl--wide, .legacy .contact-box .def-list--en-voice dl .def-list__ttl--wide, .def-list--en-voice .legacy .definition dl .def-list__ttl--wide, .legacy .definition .def-list--en-voice dl .def-list__ttl--wide, .def-list--en-voice .legacy .training-box dl .def-list__ttl--wide, .legacy .training-box .def-list--en-voice dl .def-list__ttl--wide, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .def-list__ttl--wide, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .def-list__ttl--wide, .def-list--en-voice .def-list__item--flex .legacy .contact-box dt, .legacy .contact-box .def-list--en-voice .def-list__item--flex dt, .def-list--en-voice .legacy .contact-box dl dt, .legacy .contact-box .def-list--en-voice dl dt, .def-list--en-voice .legacy .definition dl .contact-box dt, .legacy .definition .def-list--en-voice dl .contact-box dt, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .contact-box dt, .def-list--en-voice .legacy .contact-box .res-columns.column2.ratio3to1.training-cali dt, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .contact-box dt, .legacy .contact-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dt, .def-list--en-voice .def-list__item--flex .legacy .training-box dt, .legacy .training-box .def-list--en-voice .def-list__item--flex dt, .def-list--en-voice .legacy .definition dl .training-box dt, .legacy .definition .def-list--en-voice dl .training-box dt, .def-list--en-voice .legacy .training-box dl dt, .legacy .training-box .def-list--en-voice dl dt, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .training-box dt, .def-list--en-voice .legacy .training-box .res-columns.column2.ratio3to1.training-cali dt, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .training-box dt, .legacy .training-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dt, .legacy .res-columns.column2.ratio3to1.training-cali .def-list--en-voice .def-list__item--flex .column-item:first-of-type, .legacy .res-columns.column2.ratio3to1.training-cali .contact-box .def-list--en-voice dl .column-item:first-of-type, .legacy .res-columns.column2.ratio3to1.training-cali .definition .def-list--en-voice dl .column-item:first-of-type, .legacy .res-columns.column2.ratio3to1.training-cali .training-box .def-list--en-voice dl .column-item:first-of-type, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .column-item:first-of-type, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .column-item:first-of-type { width: 20%; } } .def-list--en-voice .def-list__item--flex .def-list__desc a, .def-list--en-voice .legacy .contact-box dl .def-list__desc a, .legacy .contact-box .def-list--en-voice dl .def-list__desc a, .def-list--en-voice .legacy .definition dl .def-list__desc a, .legacy .definition .def-list--en-voice dl .def-list__desc a, .def-list--en-voice .legacy .training-box dl .def-list__desc a, .legacy .training-box .def-list--en-voice dl .def-list__desc a, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .def-list__desc a, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .def-list__desc a, .def-list--en-voice .def-list__item--flex .legacy .contact-box dd a, .legacy .contact-box .def-list--en-voice .def-list__item--flex dd a, .def-list--en-voice .legacy .contact-box dl dd a, .legacy .contact-box .def-list--en-voice dl dd a, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .contact-box dd a, .def-list--en-voice .legacy .contact-box .res-columns.column2.ratio3to1.training-cali dd a, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .contact-box dd a, .legacy .contact-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a, .def-list--en-voice .def-list__item--flex .legacy .definition dd a, .legacy .definition .def-list--en-voice .def-list__item--flex dd a, .def-list--en-voice .legacy .definition dl dd a, .legacy .definition .def-list--en-voice dl dd a, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .definition dd a, .def-list--en-voice .legacy .definition .res-columns.column2.ratio3to1.training-cali dd a, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .definition dd a, .legacy .definition .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a, .def-list--en-voice .def-list__item--flex .legacy .training-box dd a, .legacy .training-box .def-list--en-voice .def-list__item--flex dd a, .def-list--en-voice .legacy .training-box dl dd a, .legacy .training-box .def-list--en-voice dl dd a, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .training-box dd a, .def-list--en-voice .legacy .training-box .res-columns.column2.ratio3to1.training-cali dd a, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .training-box dd a, .legacy .training-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a, .legacy .res-columns.column2.ratio3to1.training-cali .def-list--en-voice .def-list__item--flex .column-item:nth-of-type(2) a, .legacy .res-columns.column2.ratio3to1.training-cali .contact-box .def-list--en-voice dl .column-item:nth-of-type(2) a, .legacy .res-columns.column2.ratio3to1.training-cali .definition .def-list--en-voice dl .column-item:nth-of-type(2) a, .legacy .res-columns.column2.ratio3to1.training-cali .training-box .def-list--en-voice dl .column-item:nth-of-type(2) a, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a { color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .def-list--en-voice .def-list__item--flex .def-list__desc a:focus-visible, .def-list--en-voice .legacy .contact-box dl .def-list__desc a:focus-visible, .legacy .contact-box .def-list--en-voice dl .def-list__desc a:focus-visible, .def-list--en-voice .legacy .definition dl .def-list__desc a:focus-visible, .legacy .definition .def-list--en-voice dl .def-list__desc a:focus-visible, .def-list--en-voice .legacy .training-box dl .def-list__desc a:focus-visible, .legacy .training-box .def-list--en-voice dl .def-list__desc a:focus-visible, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .def-list__desc a:focus-visible, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .def-list__desc a:focus-visible, .def-list--en-voice .def-list__item--flex .legacy .contact-box dd a:focus-visible, .legacy .contact-box .def-list--en-voice .def-list__item--flex dd a:focus-visible, .def-list--en-voice .legacy .contact-box dl dd a:focus-visible, .legacy .contact-box .def-list--en-voice dl dd a:focus-visible, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .contact-box dd a:focus-visible, .def-list--en-voice .legacy .contact-box .res-columns.column2.ratio3to1.training-cali dd a:focus-visible, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .contact-box dd a:focus-visible, .legacy .contact-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:focus-visible, .def-list--en-voice .def-list__item--flex .legacy .definition dd a:focus-visible, .legacy .definition .def-list--en-voice .def-list__item--flex dd a:focus-visible, .def-list--en-voice .legacy .definition dl dd a:focus-visible, .legacy .definition .def-list--en-voice dl dd a:focus-visible, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .definition dd a:focus-visible, .def-list--en-voice .legacy .definition .res-columns.column2.ratio3to1.training-cali dd a:focus-visible, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .definition dd a:focus-visible, .legacy .definition .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:focus-visible, .def-list--en-voice .def-list__item--flex .legacy .training-box dd a:focus-visible, .legacy .training-box .def-list--en-voice .def-list__item--flex dd a:focus-visible, .def-list--en-voice .legacy .training-box dl dd a:focus-visible, .legacy .training-box .def-list--en-voice dl dd a:focus-visible, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .training-box dd a:focus-visible, .def-list--en-voice .legacy .training-box .res-columns.column2.ratio3to1.training-cali dd a:focus-visible, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .training-box dd a:focus-visible, .legacy .training-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:focus-visible, .legacy .res-columns.column2.ratio3to1.training-cali .def-list--en-voice .def-list__item--flex .column-item:nth-of-type(2) a:focus-visible, .legacy .res-columns.column2.ratio3to1.training-cali .contact-box .def-list--en-voice dl .column-item:nth-of-type(2) a:focus-visible, .legacy .res-columns.column2.ratio3to1.training-cali .definition .def-list--en-voice dl .column-item:nth-of-type(2) a:focus-visible, .legacy .res-columns.column2.ratio3to1.training-cali .training-box .def-list--en-voice dl .column-item:nth-of-type(2) a:focus-visible, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a:focus-visible, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a:focus-visible { text-decoration: none; } @media (hover: hover) { .def-list--en-voice .def-list__item--flex .def-list__desc a:hover, .def-list--en-voice .legacy .contact-box dl .def-list__desc a:hover, .legacy .contact-box .def-list--en-voice dl .def-list__desc a:hover, .def-list--en-voice .legacy .definition dl .def-list__desc a:hover, .legacy .definition .def-list--en-voice dl .def-list__desc a:hover, .def-list--en-voice .legacy .training-box dl .def-list__desc a:hover, .legacy .training-box .def-list--en-voice dl .def-list__desc a:hover, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .def-list__desc a:hover, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .def-list__desc a:hover, .def-list--en-voice .def-list__item--flex .legacy .contact-box dd a:hover, .legacy .contact-box .def-list--en-voice .def-list__item--flex dd a:hover, .def-list--en-voice .legacy .contact-box dl dd a:hover, .legacy .contact-box .def-list--en-voice dl dd a:hover, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .contact-box dd a:hover, .def-list--en-voice .legacy .contact-box .res-columns.column2.ratio3to1.training-cali dd a:hover, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .contact-box dd a:hover, .legacy .contact-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:hover, .def-list--en-voice .def-list__item--flex .legacy .definition dd a:hover, .legacy .definition .def-list--en-voice .def-list__item--flex dd a:hover, .def-list--en-voice .legacy .definition dl dd a:hover, .legacy .definition .def-list--en-voice dl dd a:hover, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .definition dd a:hover, .def-list--en-voice .legacy .definition .res-columns.column2.ratio3to1.training-cali dd a:hover, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .definition dd a:hover, .legacy .definition .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:hover, .def-list--en-voice .def-list__item--flex .legacy .training-box dd a:hover, .legacy .training-box .def-list--en-voice .def-list__item--flex dd a:hover, .def-list--en-voice .legacy .training-box dl dd a:hover, .legacy .training-box .def-list--en-voice dl dd a:hover, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .training-box dd a:hover, .def-list--en-voice .legacy .training-box .res-columns.column2.ratio3to1.training-cali dd a:hover, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .training-box dd a:hover, .legacy .training-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:hover, .legacy .res-columns.column2.ratio3to1.training-cali .def-list--en-voice .def-list__item--flex .column-item:nth-of-type(2) a:hover, .legacy .res-columns.column2.ratio3to1.training-cali .contact-box .def-list--en-voice dl .column-item:nth-of-type(2) a:hover, .legacy .res-columns.column2.ratio3to1.training-cali .definition .def-list--en-voice dl .column-item:nth-of-type(2) a:hover, .legacy .res-columns.column2.ratio3to1.training-cali .training-box .def-list--en-voice dl .column-item:nth-of-type(2) a:hover, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a:hover, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a:hover { text-decoration: none; } } @media (hover: none) { .def-list--en-voice .def-list__item--flex .def-list__desc a:active, .def-list--en-voice .legacy .contact-box dl .def-list__desc a:active, .legacy .contact-box .def-list--en-voice dl .def-list__desc a:active, .def-list--en-voice .legacy .definition dl .def-list__desc a:active, .legacy .definition .def-list--en-voice dl .def-list__desc a:active, .def-list--en-voice .legacy .training-box dl .def-list__desc a:active, .legacy .training-box .def-list--en-voice dl .def-list__desc a:active, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .def-list__desc a:active, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .def-list__desc a:active, .def-list--en-voice .def-list__item--flex .legacy .contact-box dd a:active, .legacy .contact-box .def-list--en-voice .def-list__item--flex dd a:active, .def-list--en-voice .legacy .contact-box dl dd a:active, .legacy .contact-box .def-list--en-voice dl dd a:active, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .contact-box dd a:active, .def-list--en-voice .legacy .contact-box .res-columns.column2.ratio3to1.training-cali dd a:active, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .contact-box dd a:active, .legacy .contact-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:active, .def-list--en-voice .def-list__item--flex .legacy .definition dd a:active, .legacy .definition .def-list--en-voice .def-list__item--flex dd a:active, .def-list--en-voice .legacy .definition dl dd a:active, .legacy .definition .def-list--en-voice dl dd a:active, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .definition dd a:active, .def-list--en-voice .legacy .definition .res-columns.column2.ratio3to1.training-cali dd a:active, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .definition dd a:active, .legacy .definition .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:active, .def-list--en-voice .def-list__item--flex .legacy .training-box dd a:active, .legacy .training-box .def-list--en-voice .def-list__item--flex dd a:active, .def-list--en-voice .legacy .training-box dl dd a:active, .legacy .training-box .def-list--en-voice dl dd a:active, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .training-box dd a:active, .def-list--en-voice .legacy .training-box .res-columns.column2.ratio3to1.training-cali dd a:active, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .training-box dd a:active, .legacy .training-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:active, .legacy .res-columns.column2.ratio3to1.training-cali .def-list--en-voice .def-list__item--flex .column-item:nth-of-type(2) a:active, .legacy .res-columns.column2.ratio3to1.training-cali .contact-box .def-list--en-voice dl .column-item:nth-of-type(2) a:active, .legacy .res-columns.column2.ratio3to1.training-cali .definition .def-list--en-voice dl .column-item:nth-of-type(2) a:active, .legacy .res-columns.column2.ratio3to1.training-cali .training-box .def-list--en-voice dl .column-item:nth-of-type(2) a:active, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a:active, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a:active { text-decoration: none; } } .def-list--en-voice .def-list__item--flex .def-list__desc a:focus-visible, .def-list--en-voice .legacy .contact-box dl .def-list__desc a:focus-visible, .legacy .contact-box .def-list--en-voice dl .def-list__desc a:focus-visible, .def-list--en-voice .legacy .definition dl .def-list__desc a:focus-visible, .legacy .definition .def-list--en-voice dl .def-list__desc a:focus-visible, .def-list--en-voice .legacy .training-box dl .def-list__desc a:focus-visible, .legacy .training-box .def-list--en-voice dl .def-list__desc a:focus-visible, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .def-list__desc a:focus-visible, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .def-list__desc a:focus-visible, .def-list--en-voice .def-list__item--flex .legacy .contact-box dd a:focus-visible, .legacy .contact-box .def-list--en-voice .def-list__item--flex dd a:focus-visible, .def-list--en-voice .legacy .contact-box dl dd a:focus-visible, .legacy .contact-box .def-list--en-voice dl dd a:focus-visible, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .contact-box dd a:focus-visible, .def-list--en-voice .legacy .contact-box .res-columns.column2.ratio3to1.training-cali dd a:focus-visible, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .contact-box dd a:focus-visible, .legacy .contact-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:focus-visible, .def-list--en-voice .def-list__item--flex .legacy .definition dd a:focus-visible, .legacy .definition .def-list--en-voice .def-list__item--flex dd a:focus-visible, .def-list--en-voice .legacy .definition dl dd a:focus-visible, .legacy .definition .def-list--en-voice dl dd a:focus-visible, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .definition dd a:focus-visible, .def-list--en-voice .legacy .definition .res-columns.column2.ratio3to1.training-cali dd a:focus-visible, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .definition dd a:focus-visible, .legacy .definition .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:focus-visible, .def-list--en-voice .def-list__item--flex .legacy .training-box dd a:focus-visible, .legacy .training-box .def-list--en-voice .def-list__item--flex dd a:focus-visible, .def-list--en-voice .legacy .training-box dl dd a:focus-visible, .legacy .training-box .def-list--en-voice dl dd a:focus-visible, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .training-box dd a:focus-visible, .def-list--en-voice .legacy .training-box .res-columns.column2.ratio3to1.training-cali dd a:focus-visible, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .training-box dd a:focus-visible, .legacy .training-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:focus-visible, .legacy .res-columns.column2.ratio3to1.training-cali .def-list--en-voice .def-list__item--flex .column-item:nth-of-type(2) a:focus-visible, .legacy .res-columns.column2.ratio3to1.training-cali .contact-box .def-list--en-voice dl .column-item:nth-of-type(2) a:focus-visible, .legacy .res-columns.column2.ratio3to1.training-cali .definition .def-list--en-voice dl .column-item:nth-of-type(2) a:focus-visible, .legacy .res-columns.column2.ratio3to1.training-cali .training-box .def-list--en-voice dl .column-item:nth-of-type(2) a:focus-visible, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a:focus-visible, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a:focus-visible { color: #cb2c00; } @media (hover: hover) { .def-list--en-voice .def-list__item--flex .def-list__desc a:hover, .def-list--en-voice .legacy .contact-box dl .def-list__desc a:hover, .legacy .contact-box .def-list--en-voice dl .def-list__desc a:hover, .def-list--en-voice .legacy .definition dl .def-list__desc a:hover, .legacy .definition .def-list--en-voice dl .def-list__desc a:hover, .def-list--en-voice .legacy .training-box dl .def-list__desc a:hover, .legacy .training-box .def-list--en-voice dl .def-list__desc a:hover, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .def-list__desc a:hover, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .def-list__desc a:hover, .def-list--en-voice .def-list__item--flex .legacy .contact-box dd a:hover, .legacy .contact-box .def-list--en-voice .def-list__item--flex dd a:hover, .def-list--en-voice .legacy .contact-box dl dd a:hover, .legacy .contact-box .def-list--en-voice dl dd a:hover, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .contact-box dd a:hover, .def-list--en-voice .legacy .contact-box .res-columns.column2.ratio3to1.training-cali dd a:hover, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .contact-box dd a:hover, .legacy .contact-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:hover, .def-list--en-voice .def-list__item--flex .legacy .definition dd a:hover, .legacy .definition .def-list--en-voice .def-list__item--flex dd a:hover, .def-list--en-voice .legacy .definition dl dd a:hover, .legacy .definition .def-list--en-voice dl dd a:hover, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .definition dd a:hover, .def-list--en-voice .legacy .definition .res-columns.column2.ratio3to1.training-cali dd a:hover, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .definition dd a:hover, .legacy .definition .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:hover, .def-list--en-voice .def-list__item--flex .legacy .training-box dd a:hover, .legacy .training-box .def-list--en-voice .def-list__item--flex dd a:hover, .def-list--en-voice .legacy .training-box dl dd a:hover, .legacy .training-box .def-list--en-voice dl dd a:hover, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .training-box dd a:hover, .def-list--en-voice .legacy .training-box .res-columns.column2.ratio3to1.training-cali dd a:hover, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .training-box dd a:hover, .legacy .training-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:hover, .legacy .res-columns.column2.ratio3to1.training-cali .def-list--en-voice .def-list__item--flex .column-item:nth-of-type(2) a:hover, .legacy .res-columns.column2.ratio3to1.training-cali .contact-box .def-list--en-voice dl .column-item:nth-of-type(2) a:hover, .legacy .res-columns.column2.ratio3to1.training-cali .definition .def-list--en-voice dl .column-item:nth-of-type(2) a:hover, .legacy .res-columns.column2.ratio3to1.training-cali .training-box .def-list--en-voice dl .column-item:nth-of-type(2) a:hover, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a:hover, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a:hover { color: #cb2c00; } } @media (hover: none) { .def-list--en-voice .def-list__item--flex .def-list__desc a:active, .def-list--en-voice .legacy .contact-box dl .def-list__desc a:active, .legacy .contact-box .def-list--en-voice dl .def-list__desc a:active, .def-list--en-voice .legacy .definition dl .def-list__desc a:active, .legacy .definition .def-list--en-voice dl .def-list__desc a:active, .def-list--en-voice .legacy .training-box dl .def-list__desc a:active, .legacy .training-box .def-list--en-voice dl .def-list__desc a:active, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .def-list__desc a:active, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .def-list__desc a:active, .def-list--en-voice .def-list__item--flex .legacy .contact-box dd a:active, .legacy .contact-box .def-list--en-voice .def-list__item--flex dd a:active, .def-list--en-voice .legacy .contact-box dl dd a:active, .legacy .contact-box .def-list--en-voice dl dd a:active, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .contact-box dd a:active, .def-list--en-voice .legacy .contact-box .res-columns.column2.ratio3to1.training-cali dd a:active, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .contact-box dd a:active, .legacy .contact-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:active, .def-list--en-voice .def-list__item--flex .legacy .definition dd a:active, .legacy .definition .def-list--en-voice .def-list__item--flex dd a:active, .def-list--en-voice .legacy .definition dl dd a:active, .legacy .definition .def-list--en-voice dl dd a:active, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .definition dd a:active, .def-list--en-voice .legacy .definition .res-columns.column2.ratio3to1.training-cali dd a:active, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .definition dd a:active, .legacy .definition .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:active, .def-list--en-voice .def-list__item--flex .legacy .training-box dd a:active, .legacy .training-box .def-list--en-voice .def-list__item--flex dd a:active, .def-list--en-voice .legacy .training-box dl dd a:active, .legacy .training-box .def-list--en-voice dl dd a:active, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .training-box dd a:active, .def-list--en-voice .legacy .training-box .res-columns.column2.ratio3to1.training-cali dd a:active, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .training-box dd a:active, .legacy .training-box .def-list--en-voice .res-columns.column2.ratio3to1.training-cali dd a:active, .legacy .res-columns.column2.ratio3to1.training-cali .def-list--en-voice .def-list__item--flex .column-item:nth-of-type(2) a:active, .legacy .res-columns.column2.ratio3to1.training-cali .contact-box .def-list--en-voice dl .column-item:nth-of-type(2) a:active, .legacy .res-columns.column2.ratio3to1.training-cali .definition .def-list--en-voice dl .column-item:nth-of-type(2) a:active, .legacy .res-columns.column2.ratio3to1.training-cali .training-box .def-list--en-voice dl .column-item:nth-of-type(2) a:active, .def-list--en-voice .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a:active, .legacy .def-list--en-voice .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) a:active { color: #cb2c00; } } .text-img--en .text-img__text h3 { font-weight: bold; line-height: 1.5; } .text-img--en .text-img__text .text, .text-img--en .text-img__text .legacy p, .legacy .text-img--en .text-img__text p { margin-top: 0; } @media screen and (max-width: 834px) { .text-img--en .img--small { max-width: none; } } @media screen and (min-width: 835px), print { .news-item__date.en { width: 16rem; } } .menu-wrap { margin-top: 4.5rem; } @media screen and (max-width: 834px) { .menu-wrap { margin-top: 3rem; } } @media print { .menu-wrap { padding-bottom: 8rem; break-inside: avoid; } } .menu-wrap__title { font-size: 2.6rem; color: #fff; background: linear-gradient(135deg, #333 0%, #333 50%, #cb2c00 50%, #cb2c00 100%); position: relative; margin-bottom: 4rem; } @media screen and (max-width: 834px) { .menu-wrap__title { font-weight: bold; font-size: 1.5rem; margin-bottom: 2.5rem; } } .menu-wrap__title::before { content: ""; width: 3rem; height: 0.2rem; background-color: #fff; position: absolute; top: 50%; left: 0%; transform: translateY(-50%); } @media screen and (max-width: 834px) { .menu-wrap__title::before { width: 1.5rem; } } .menu-wrap__title::after { content: ""; display: block; width: 1.4rem; height: 1.4rem; border-top: 0.2rem solid #fff; border-right: 0.2rem solid #fff; transform: rotate(45deg); } .menu-wrap__title::after { position: absolute; top: 50%; right: 1.8rem; transform: translateY(-50%) rotate(45deg); } .menu-wrap__title a { padding: 2.6rem 5rem; display: block; border-bottom: 0.3rem solid #333; transition-duration: 300ms; position: relative; } .menu-wrap__title a:after { content: ""; display: block; width: 100%; height: 100%; border-right: solid #707070; border-bottom: solid #707070; position: absolute; top: 0; left: 0; z-index: -1; transition-duration: 300ms; } @media screen and (max-width: 834px) { .menu-wrap__title a:after { border-width: 0.2rem; } } @media screen and (min-width: 835px), print { .menu-wrap__title a:after { border-width: 0.4rem; } } @media screen and (max-width: 834px) { .menu-wrap__title a:focus-visible:after { top: 0.3rem; left: 0.3rem; } } @media screen and (min-width: 835px), print { .menu-wrap__title a:focus-visible:after { top: 0.6rem; left: 0.6rem; } } @media screen and (hover: hover) and (max-width: 834px) { .menu-wrap__title a:hover:after { top: 0.3rem; left: 0.3rem; } } @media screen and (hover: hover) and (min-width: 835px), print and (hover: hover) { .menu-wrap__title a:hover:after { top: 0.6rem; left: 0.6rem; } } @media screen and (hover: none) and (max-width: 834px) { .menu-wrap__title a:active:after { top: 0.3rem; left: 0.3rem; } } @media screen and (hover: none) and (min-width: 835px), print and (hover: none) { .menu-wrap__title a:active:after { top: 0.6rem; left: 0.6rem; } } .menu-wrap__title a:focus-visible::after { height: calc(100% + 0.3rem); } @media (hover: hover) { .menu-wrap__title a:hover::after { height: calc(100% + 0.3rem); } } @media (hover: none) { .menu-wrap__title a:active::after { height: calc(100% + 0.3rem); } } @media screen and (max-width: 834px) { .menu-wrap__title a { padding: 2.6rem 2.5rem; } } .menu-wrap ul { margin-bottom: 8rem; display: flex; flex-wrap: wrap; column-gap: 2.5rem; row-gap: 2.5rem; } @media screen and (max-width: 834px) { .menu-wrap ul { flex-direction: column; margin-bottom: 4rem; } } .menu-wrap ul .menu-wrap__item { display: flex; flex-direction: column; width: 23.4%; border-top: solid 0.3rem #cb2c00; position: relative; } @media screen and (max-width: 834px) { .menu-wrap ul .menu-wrap__item { width: 100%; } } .menu-wrap ul .menu-wrap__item__inner { border: solid 0.1rem #bbb; border-top: solid 0.2rem #333; position: relative; height: 100%; } @media screen and (max-width: 834px) { .menu-wrap ul .menu-wrap__item__inner { min-height: 5rem; } } .menu-wrap ul .menu-wrap__item a { transition-duration: 300ms; } .menu-wrap ul .menu-wrap__item a .menu-wrap__item--title::after { content: ""; display: block; width: 0.8rem; height: 0.8rem; border-top: 0.2rem solid #333; border-right: 0.2rem solid #333; transform: rotate(45deg); position: absolute; top: 50%; right: 2.4rem; transform: translateY(-50%) rotate(45deg); } .menu-wrap ul .menu-wrap__item a .menu-wrap__item--title::after { transition-duration: 300ms; } .menu-wrap ul .menu-wrap__item a:focus-visible .menu-wrap__item--title { color: #cb2c00; text-decoration: underline; } .menu-wrap ul .menu-wrap__item a:focus-visible .menu-wrap__item--title::after { border-color: #cb2c00; } @media (hover: hover) { .menu-wrap ul .menu-wrap__item a:hover .menu-wrap__item--title { color: #cb2c00; text-decoration: underline; } .menu-wrap ul .menu-wrap__item a:hover .menu-wrap__item--title::after { border-color: #cb2c00; } } @media (hover: none) { .menu-wrap ul .menu-wrap__item a:active .menu-wrap__item--title { color: #cb2c00; text-decoration: underline; } .menu-wrap ul .menu-wrap__item a:active .menu-wrap__item--title::after { border-color: #cb2c00; } } .menu-wrap ul .menu-wrap__item--title { display: flex; align-items: center; font-size: 1.8rem; font-weight: bold; line-height: 1.5; background-color: #f2f6f7; position: relative; padding: 1.4rem 5rem 1.4rem 1.5rem; transition-duration: 300ms; } @media screen and (min-width: 835px), print { .menu-wrap ul .menu-wrap__item--title { padding: 1.5rem 5rem 1.5rem 1.5rem !important; } } .menu-wrap ul .menu-wrap__item p { line-height: 1.5; padding: 1rem 1.5rem 1.5rem 1.5rem; } @media screen and (max-width: 834px) { .menu-wrap--lower ul { margin-bottom: 4rem; } } .menu-wrap--lower ul .menu-wrap__item { width: 47.7%; } @media screen and (max-width: 834px) { .menu-wrap--lower ul .menu-wrap__item { width: 100%; } } .offering-menu { margin-bottom: 8rem; } @media screen and (max-width: 834px) { .offering-menu { margin-bottom: 5rem; } } .offering-menu__list .offering-menu__item { border-bottom: 0.1rem solid #bbb; padding: 2rem 0 1.5rem; } .offering-menu__list .offering-menu__item a { text-decoration: underline; margin-bottom: 1rem; display: inline-block; line-height: 1.5; transition-duration: 300ms; text-decoration: underline; } .offering-menu__list .offering-menu__item a:focus-visible { text-decoration: none; } @media (hover: hover) { .offering-menu__list .offering-menu__item a:hover { text-decoration: none; } } @media (hover: none) { .offering-menu__list .offering-menu__item a:active { text-decoration: none; } } .offering-menu__list .offering-menu__item a:focus-visible { color: #cb2c00; } @media (hover: hover) { .offering-menu__list .offering-menu__item a:hover { color: #cb2c00; } } @media (hover: none) { .offering-menu__list .offering-menu__item a:active { color: #cb2c00; } } @media screen and (max-width: 834px) { .offering-menu__list .offering-menu__item a { font-weight: 500; } } .offering-menu__list .offering-menu__item--text { font-size: 1.4rem; font-weight: bold; line-height: 1.5; } @media screen and (max-width: 834px) { .offering-menu__list .offering-menu__item--text { font-weight: normal; } } @media screen and (min-width: 835px), print { .offering-menu__list .offering-menu__item--text { font-size: 1.6rem; } } .offering--none { margin-top: 2.5rem; } .event-site { position: relative; } .event-site::before { content: ""; background-image: url(../../assets/image/kyosai/kyosainavi_bg_pc.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 39rem; width: 100%; display: block; margin-bottom: 17.5rem; } @media screen and (max-width: 834px) { .event-site::before { background-image: url(../../assets/image/kyosai/kyosainavi_bg_sp.jpg); height: 37.5rem; margin-bottom: 5rem; } } @media print { .event-site { break-inside: avoid; } } .event-site .event-site__inner { position: absolute; bottom: -5.5rem; left: 50%; transform: translateX(-50%); width: 108rem; background-color: #fff; margin: auto; padding: 3rem 0; } @media screen and (max-width: 834px) { .event-site .event-site__inner { width: 90%; padding: 3rem 2rem; bottom: -2rem; } } .event-site .event-site__inner .catch_parts__title { font-size: 2.2rem; } .event-site .event-site__inner .catch_parts__comment { font-size: 1.4rem; max-width: 34rem; margin: auto; margin-top: 1rem; } .bnr-txt { display: flex; } @media screen and (min-width: 835px), print { .bnr-txt { margin-top: 3rem; gap: 4.8rem; } } @media screen and (max-width: 834px) { .bnr-txt { margin-top: 1.5rem; flex-direction: column; gap: 2rem; } } @media screen and (min-width: 835px), print { .bnr-txt__item { width: calc((100% - 4.8rem) / 2); } } .bnr-txt__item a { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; padding-right: 2rem; border: 0.1rem solid #bbb; background: #fff; transition-duration: 300ms; position: relative; } .bnr-txt__item a:after { content: ""; display: block; width: 100%; height: 100%; border-right: solid #707070; border-bottom: solid #707070; position: absolute; top: 0; left: 0; z-index: -1; transition-duration: 300ms; } @media screen and (max-width: 834px) { .bnr-txt__item a:after { border-width: 0.2rem; } } @media screen and (min-width: 835px), print { .bnr-txt__item a:after { border-width: 0.4rem; } } @media screen and (max-width: 834px) { .bnr-txt__item a:focus-visible:after { top: 0.3rem; left: 0.3rem; } } @media screen and (min-width: 835px), print { .bnr-txt__item a:focus-visible:after { top: 0.6rem; left: 0.6rem; } } @media screen and (hover: hover) and (max-width: 834px) { .bnr-txt__item a:hover:after { top: 0.3rem; left: 0.3rem; } } @media screen and (hover: hover) and (min-width: 835px), print and (hover: hover) { .bnr-txt__item a:hover:after { top: 0.6rem; left: 0.6rem; } } @media screen and (hover: none) and (max-width: 834px) { .bnr-txt__item a:active:after { top: 0.3rem; left: 0.3rem; } } @media screen and (hover: none) and (min-width: 835px), print and (hover: none) { .bnr-txt__item a:active:after { top: 0.6rem; left: 0.6rem; } } @media screen and (min-width: 835px), print { .bnr-txt__item a { gap: 3rem; } } @media screen and (max-width: 834px) { .bnr-txt__item a { gap: 2rem; } } .bnr-txt__ttl { font-weight: 500; line-height: 1.4; } @media screen and (min-width: 835px), print { .bnr-txt__ttl { font-size: 2.4rem; } } @media screen and (max-width: 834px) { .bnr-txt__ttl { font-size: 1.5rem; } } .bnr-txt__sub { font-weight: 500; color: #bbb; line-height: 1.4; } @media screen and (min-width: 835px), print { .bnr-txt__sub { margin-top: 0.3rem; font-size: 1.4rem; } } @media screen and (max-width: 834px) { .bnr-txt__sub { font-size: 1rem; } } .bnr-txt__img { flex-shrink: 0; } @media screen and (min-width: 835px), print { .bnr-txt__img { width: 11.8rem; height: 11.8rem; } } @media screen and (max-width: 834px) { .bnr-txt__img { width: 6.9rem; height: 6.9rem; } } .bnr-txt__img img { width: 100%; } @media screen and (max-width: 834px) { .list--note { margin-top: 1.6rem; } } .free-input { margin-top: 3rem; display: flex; border: 0.2rem solid #333; } @media screen and (max-width: 834px) { .free-input { margin-top: 1.5rem; border-width: 0.1rem; } } .free-input input { width: 100%; padding: 1.7rem 0; padding-left: 3rem; font-size: 1.8rem; flex: 1; } @media screen and (max-width: 834px) { .free-input input { padding: 1.1rem 0; padding-left: 2rem; font-size: 1.6rem; } } .free-input button { background-color: #cb2c00; color: #fff; font-weight: 500; width: 11.5rem; text-align: center; border: 0.2rem solid transparent; font-size: 1.8rem; display: flex; justify-content: center; align-items: center; gap: 1rem; transition-duration: 300ms; } .free-input button:focus-visible { text-decoration: underline; } @media (hover: hover) { .free-input button:hover { text-decoration: underline; } } @media (hover: none) { .free-input button:active { text-decoration: underline; } } .free-input button:focus-visible { color: #cb2c00; background-color: #fff; border-color: #cb2c00; cursor: pointer; } .free-input button:focus-visible svg path { fill: #cb2c00; } @media (hover: hover) { .free-input button:hover { color: #cb2c00; background-color: #fff; border-color: #cb2c00; cursor: pointer; } .free-input button:hover svg path { fill: #cb2c00; } } @media (hover: none) { .free-input button:active { color: #cb2c00; background-color: #fff; border-color: #cb2c00; cursor: pointer; } .free-input button:active svg path { fill: #cb2c00; } } @media screen and (max-width: 834px) { .free-input button { padding: 1.3rem 0; max-width: 8.6rem; margin: auto; font-size: 1.4rem; gap: 0.5rem; } } .free-input button svg { width: 2.8rem; height: 2.8rem; } @media screen and (max-width: 834px) { .free-input button svg { width: 2.3rem; height: 2.3rem; } } .free-input button svg path { transition-duration: 300ms; } .incubation__recommendation { padding-bottom: 1.5rem; } @media screen and (max-width: 834px) { .incubation__recommendation { margin-top: 5rem; } } @media screen and (min-width: 835px), print { .incubation__recommendation { margin-top: 8rem; } } @media print { .incubation__recommendation { break-inside: avoid; } } .incubation__recommendation__list { display: flex; margin-top: 1.3rem; gap: 0.4rem; } @media screen and (max-width: 834px) { .incubation__recommendation__list { flex-direction: column; } } @media screen and (min-width: 835px), print { .incubation__recommendation__list { margin-top: 3rem; flex-wrap: wrap; column-gap: 22.7rem; row-gap: 1.6rem; } } .incubation__recommendation__list__item { display: flex; gap: 1rem; font-weight: 700; } @media screen and (min-width: 835px), print { .incubation__recommendation__list__item { font-size: 2.4rem; line-height: 1.375; letter-spacing: 0.04em; gap: 0.6rem; } } @media screen and (max-width: 834px) { .incubation__recommendation__list__item { align-items: center; } } .incubation__recommendation__list__icon { width: 3rem; } .incubation__recommendation__list__icon svg { width: 100%; } @media screen and (min-width: 835px), print { .incubation__recommendation__list__icon { width: 4rem; } } .incubation__merit__list { display: flex; flex-wrap: wrap; margin-top: 4.8rem; column-gap: 2.5rem; row-gap: 1.6rem; } @media screen and (max-width: 834px) { .incubation__merit__list { justify-content: center; padding-bottom: 3.3rem; } } @media screen and (min-width: 835px), print { .incubation__merit__list { margin-top: 2.6rem; justify-content: space-between; } } .incubation__merit__list__item { position: relative; width: 14.6rem; height: 14.9rem; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; } @media screen and (min-width: 835px), print { .incubation__merit__list__item { width: 20.8rem; height: 20.8rem; } } .incubation__merit__list__item::before { content: ""; background-image: url(../../assets/image/incubation/merit-bg-image.png); display: inline-block; width: 14.6rem; height: 14.9rem; background-size: 100% 100%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: -1; } @media screen and (min-width: 835px), print { .incubation__merit__list__item::before { width: 21.2rem; height: 21.8rem; } } .incubation__merit__list__item__title { font-size: 1.5rem; line-height: 0.7142857143; letter-spacing: 0.04em; font-weight: 700; margin-top: 2.4rem; border-bottom: #333 solid 1px; position: relative; padding-bottom: 1rem; width: 58%; } @media screen and (min-width: 835px), print { .incubation__merit__list__item__title { font-size: 2rem; line-height: 1.65; padding-bottom: 1rem; } } .incubation__merit__list__item__title::after { content: ""; background-image: url(../../assets/image/incubation/icon-arrow.svg); display: inline-block; width: 0.8rem; height: 0.4rem; background-size: 100% 100%; background-repeat: no-repeat; position: absolute; bottom: -0.7rem; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 835px), print { .incubation__merit__list__item__title::after { width: 1.2rem; height: 0.6rem; bottom: -1rem; } } .incubation__merit__list__item__text { font-size: 1.7rem; line-height: 0.7234042553; letter-spacing: 0.04em; font-weight: 500; margin-top: 1.6rem; line-height: 1.4; } .incubation__merit__list__item__text span { color: #cb2c00; font-weight: 700; } @media screen and (min-width: 835px), print { .incubation__merit__list__item__text { font-size: 2.2rem; margin-top: 3rem; line-height: 1.3; } } @media screen and (max-width: 834px) { .incubation__how-to-use { margin-top: 4.8rem; } } .incubation__text { font-weight: 500; } @media screen and (max-width: 834px) { .incubation__text { margin-top: 0.8rem; } } @media screen and (min-width: 835px), print { .incubation__text { display: flex; justify-content: flex-end; padding-right: 12rem; margin-top: 1.3rem; } } .incubation__flow__list { display: flex; counter-reset: number 0; } @media screen and (max-width: 834px) { .incubation__flow__list { flex-wrap: wrap; margin-top: 2.9rem; gap: 2.2rem 1.6rem; } } @media screen and (min-width: 835px), print { .incubation__flow__list { margin-top: 5.4rem; align-items: center; gap: 2.4rem; } } @media screen and (min-width: 835px), print { .incubation__flow__text { padding-right: 0; margin-top: 2rem; } } .incubation__flow__list__item { display: flex; flex-direction: column-reverse; justify-content: flex-end; align-items: center; padding-bottom: 0.4rem; text-align: center; position: relative; border: #bbb solid 1px; position: relative; } @media screen and (max-width: 834px) { .incubation__flow__list__item { width: calc((100% - 3.3rem) / 3); } .incubation__flow__list__item:nth-of-type(3n)::after { content: none; } } @media screen and (min-width: 835px), print { .incubation__flow__list__item { width: calc((100% - 12rem) / 6); padding-bottom: 3rem; } } .incubation__flow__list__item::after { content: ""; display: block; background: url(../image/incubation/icon-arrow-right.svg) no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 834px) { .incubation__flow__list__item::after { width: 0.8rem; height: 1.4rem; right: -1.3rem; } } @media screen and (min-width: 835px), print { .incubation__flow__list__item::after { width: 1.3rem; height: 2.3rem; right: -2rem; } } .incubation__flow__list__item:last-of-type::after { content: none; } .incubation__flow__list__item__number { background: #cb2c00; border-radius: 50%; width: 2.7rem; height: 2.7rem; position: absolute; top: -1.4rem; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 500; } @media screen and (min-width: 835px), print { .incubation__flow__list__item__number { width: 4.8rem; height: 4.8rem; font-size: 2.8rem; top: -2.6rem; } } .incubation__flow__list__item__text { font-size: 1.3rem; line-height: 1.3846153846; letter-spacing: 0.04em; font-weight: 500; margin-top: 0.6rem; } @media screen and (min-width: 835px), print { .incubation__flow__list__item__text { font-size: 1.8rem; margin-top: 0; } } .incubation__flow__list__item__text span { height: 2rem; display: block; } .incubation__flow__list__item__image { margin-top: 2.3rem; width: 5.4rem; } @media screen and (min-width: 835px), print { .incubation__flow__list__item__image { width: 7rem; margin-top: 4.3rem; } } @media screen and (max-width: 834px) { .incubation__important__point__acc { margin-top: 2.8rem; } } @media screen and (min-width: 835px), print { .incubation__important__point__acc { margin-top: 3.2rem; } } @media screen and (min-width: 835px), print { .incubation__facility .heading--lv2, .incubation__facility .legacy h2, .legacy .incubation__facility h2 { margin-top: 6.4rem; } } @media screen and (min-width: 835px), print { .incubation__facility .acc-content__inner { padding-right: 2rem; padding-left: 3rem; } } .incubation__facility__list { display: flex; gap: 2rem; margin-top: 1rem; } @media screen and (min-width: 835px), print { .incubation__facility__list { flex-wrap: wrap; } } @media screen and (max-width: 834px) { .incubation__facility__list { flex-direction: column; } } @media screen and (min-width: 835px), print { .incubation__facility__list__item { width: calc((100% - 2rem) / 2); } } .incubation__facility__list__link { display: flex; background: #fff; border: #bbb solid 1px; transition-duration: 300ms; } .incubation__facility__list__link:focus-visible .incubation__facility__info__title { color: #cb2c00; text-decoration: underline; } @media (hover: hover) { .incubation__facility__list__link:hover .incubation__facility__info__title { color: #cb2c00; text-decoration: underline; } } @media (hover: none) { .incubation__facility__list__link:active .incubation__facility__info__title { color: #cb2c00; text-decoration: underline; } } .incubation__facility__list__link:focus-visible .incubation__facility__info__title { outline: auto; } .incubation__facility__image { width: 12.8rem; flex-shrink: 0; } @media screen and (min-width: 835px), print { .incubation__facility__image { width: 21.2rem; } } .incubation__facility__info { padding: 1rem 1rem 0.7rem; } @media screen and (min-width: 835px), print { .incubation__facility__info { padding: 2rem 1.9rem; display: flex; flex-direction: column; } } @media screen and (min-width: 835px), print { .incubation__facility__image + .incubation__facility__info { padding: 2rem 2rem 0 1.9rem; } } .incubation__facility__info__title { font-size: 1.5rem; line-height: 1.4; letter-spacing: 0.04em; font-weight: 700; } @media screen and (min-width: 835px), print { .incubation__facility__info__title { font-size: 1.8rem; } } .incubation__facility__info__text { font-size: 1.4rem; letter-spacing: 0.04em; line-height: 1.7; margin-top: 1.1rem; } @media screen and (min-width: 835px), print { .incubation__facility__info__text { font-size: 1.6rem; margin-top: 0.7rem; } } .empty-room { display: flex; flex-direction: column; gap: 2rem; margin-top: 1.5rem; } @media screen and (min-width: 835px), print { .empty-room { gap: 3rem; margin-top: 3rem; } } .empty-room__item { border: 0.1rem solid #ccc; padding: 2rem; } @media screen and (min-width: 835px), print { .empty-room__wrap { display: flex; gap: 2rem; } } @media screen and (min-width: 835px), print { .empty-room__wrap figure { width: 20.7rem; } } .empty-room__wrap figure img { width: 100%; height: 100%; object-fit: cover; } @media screen and (min-width: 835px), print { .empty-room__info { width: 54rem; } } .empty-room__info .info__unit { font-weight: 500; margin-top: 1.5rem; margin-bottom: 1rem; } @media screen and (min-width: 835px), print { .empty-room__info .info__unit { margin: 0; display: flex; align-items: baseline; gap: 2rem; } } .empty-room__info .info__unit .area { border: 0.1rem solid #bbb; display: inline-block; background-color: #f2f6f7; padding: 0.6rem 0; width: 10.7rem; display: flex; justify-content: center; margin-bottom: 1rem; } @media screen and (min-width: 835px), print { .empty-room__info .info__unit .area { font-size: 1.4rem; width: 12.8rem; padding: 0.7rem 0; } } .empty-room__info .info__unit .last-update { line-height: 1.5; width: 100%; } @media screen and (min-width: 835px), print { .empty-room__info .info__unit .last-update { font-size: 1.4rem; } } .empty-room__info .info__title { font-size: 1.8rem; font-weight: bold; line-height: 1.5; margin-bottom: 0.5rem; } @media screen and (min-width: 835px), print { .empty-room__info .info__title { font-size: 2rem; } } .empty-room__info .info__address { line-height: 1.5; } .empty-room__info .info__no-room { margin-top: 2rem; color: #e90000; } .empty-room__rooms { margin-top: 1rem !important; font-weight: 500; line-height: 1.5; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; gap: 1rem; } @media screen and (min-width: 835px), print { .empty-room__rooms { margin-top: 1.5rem; gap: 1.5rem; flex-direction: row; justify-content: normal; } } .empty-room__rooms li { display: flex; gap: 1rem; } @media screen and (min-width: 835px), print { .empty-room__rooms li { width: 32.1%; align-items: baseline; } } .empty-room__rooms li::before { content: "空"; font-size: 1.5rem; background-color: #14399e; color: #fff; width: 2.2rem; height: 2.2rem; display: flex; justify-content: center; align-items: center; } .empty-room__rooms li span { width: 100%; } .empty-room .acc-details { display: flex; flex-direction: column; position: relative; padding-bottom: 5rem; } .empty-room .acc-details .acc-summary { width: auto; position: absolute; right: 0; bottom: 0; padding: 0; background-color: transparent; transition-duration: 300ms; } .empty-room .acc-details .acc-summary:focus-visible { text-decoration: none; } @media (hover: hover) { .empty-room .acc-details .acc-summary:hover { text-decoration: none; } } @media (hover: none) { .empty-room .acc-details .acc-summary:active { text-decoration: none; } } .empty-room .acc-details .acc-summary__ttl { display: flex; justify-content: flex-end; gap: 2rem; } .empty-room .acc-details .acc-summary__ttl .title { border-bottom: 0.2rem solid #cb2c00; padding-bottom: 0.6rem; } @media screen and (min-width: 835px), print { .empty-room .acc-details .acc-summary__ttl .title { font-size: 1.6rem; } } .empty-room .acc-details .acc-summary__ttl .acc-summary__btn { transition-duration: 300ms; } @media screen and (min-width: 835px), print { .empty-room .acc-details .acc-summary__ttl .acc-summary__btn { width: 2.8rem; height: 2.8rem; } } .empty-room .acc-details .acc-summary__ttl .acc-summary__btn.on { background-color: #333; } .empty-room .acc-details .acc-content { background-color: transparent; } .empty-room .acc-details .acc-content__inner { padding: 0; } .report-detail p { line-height: 1.5; margin-bottom: 2rem; } @media screen and (min-width: 835px), print { .report-detail p { margin-bottom: 3rem; } } .report-detail .text, .report-detail .legacy p, .legacy .report-detail p { margin-bottom: 0; } .report-detail .question { font-weight: bold; padding-left: 2.5rem; position: relative; margin-top: 2.5rem; } .report-detail .question::before { content: ""; width: 2rem; height: 0.2rem; background-color: #333; position: absolute; left: 0; top: 1rem; } @media screen and (min-width: 835px), print { .report-detail .question::before { top: 1.1rem; } } @media screen and (min-width: 835px), print { .report-detail .text-wrap p:last-of-type { margin-bottom: 6rem; } } .report-detail .report-detail__intro { margin-top: 2rem; display: flex; flex-direction: column; gap: 1.5rem; } @media screen and (min-width: 835px), print { .report-detail .report-detail__intro { margin-top: 3rem; flex-direction: row; gap: 3rem; } } .report-detail .report-detail__intro .text-wrap { order: 1; width: 100%; } @media screen and (min-width: 835px), print { .report-detail .report-detail__intro .text-wrap { order: 0; } } .report-detail .report-detail__intro .img { width: 100%; } @media screen and (min-width: 835px), print { .report-detail .report-detail__intro .img { max-width: 25.4rem; } } .report-detail .report-detail__interview::after, .report-detail .report-detail__comment::after { content: ""; display: block; clear: both; } .report-detail .report-detail__interview .img.right, .report-detail .report-detail__comment .img.right { margin-bottom: 2rem; } @media screen and (min-width: 835px), print { .report-detail .report-detail__interview .img.right, .report-detail .report-detail__comment .img.right { float: right; margin-left: 3rem; max-width: 41.2rem; } } @media screen and (min-width: 835px), print { .report-detail .report-detail__interview .img.center, .report-detail .report-detail__comment .img.center { padding: 0 4.5rem; } } .report-detail .report-detail__interview .img.center img, .report-detail .report-detail__comment .img.center img { max-width: 100%; } .report-detail .report-detail__interview .img.center .img-box::before, .report-detail .report-detail__interview .img.center .img-box--border::before, .report-detail .report-detail__comment .img.center .img-box::before, .report-detail .report-detail__comment .img.center .img-box--border::before { aspect-ratio: 16/8.2; } @media screen and (min-width: 835px), print { .report-detail .report-detail__company .company-list { margin-top: 1rem; } } .report-detail .report-detail__company .company-list__item { border-bottom: 0.2rem dotted #bbb; display: flex; flex-direction: column; gap: 1.5rem; padding: 1.5rem 0; } @media screen and (min-width: 835px), print { .report-detail .report-detail__company .company-list__item { flex-direction: row; align-items: center; padding: 1.8rem 0; } } @media screen and (max-width: 834px) { .report-detail .report-detail__company .company-list__item:last-of-type { border-bottom: none; } } .report-detail .report-detail__company .company-list__item dt { font-weight: bold; font-size: 1.5rem; } @media screen and (min-width: 835px), print { .report-detail .report-detail__company .company-list__item dt { flex: 2; font-size: 1.8rem; } } .report-detail .report-detail__company .company-list__item dd { flex: 8; line-height: 1.5; } .report-detail .report-detail__company .company-list__item dd a { color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .report-detail .report-detail__company .company-list__item dd a:focus-visible { text-decoration: none; } @media (hover: hover) { .report-detail .report-detail__company .company-list__item dd a:hover { text-decoration: none; } } @media (hover: none) { .report-detail .report-detail__company .company-list__item dd a:active { text-decoration: none; } } .report-detail .report-detail__company .company-list__item dd a:focus-visible { color: #cb2c00; } @media (hover: hover) { .report-detail .report-detail__company .company-list__item dd a:hover { color: #cb2c00; } } @media (hover: none) { .report-detail .report-detail__company .company-list__item dd a:active { color: #cb2c00; } } .report-detail .report-detail__company .company-bio__item p { margin-top: 1rem; margin-bottom: 3rem; } .report-detail .report-detail__comment .heading--lv2, .report-detail .report-detail__comment .legacy h2, .legacy .report-detail .report-detail__comment h2 { margin-bottom: 2rem; } @media screen and (min-width: 835px), print { .report-detail .report-detail__comment .heading--lv2, .report-detail .report-detail__comment .legacy h2, .legacy .report-detail .report-detail__comment h2 { margin-bottom: 3rem; } } .report-detail .report-detail__facility .facility-list { margin-top: 1.5rem; } @media screen and (min-width: 835px), print { .report-detail .report-detail__facility .facility-list li { margin-bottom: 0.5rem; } } .report-detail .report-detail__facility .facility-list li a { color: #14399e; text-decoration: underline; line-height: 1.5; transition-duration: 300ms; text-decoration: underline; } .report-detail .report-detail__facility .facility-list li a:focus-visible { text-decoration: none; } @media (hover: hover) { .report-detail .report-detail__facility .facility-list li a:hover { text-decoration: none; } } @media (hover: none) { .report-detail .report-detail__facility .facility-list li a:active { text-decoration: none; } } .report-detail .report-detail__facility .facility-list li a:focus-visible { color: #cb2c00; } @media (hover: hover) { .report-detail .report-detail__facility .facility-list li a:hover { color: #cb2c00; } } @media (hover: none) { .report-detail .report-detail__facility .facility-list li a:active { color: #cb2c00; } } .incubation-sub-category-top__strong-point { background: #f2f6f7; padding-top: 2rem; padding-bottom: 2rem; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__strong-point { padding-top: 3.8rem; padding-bottom: 4rem; } } .incubation-sub-category-top__strong-point__list { display: flex; flex-wrap: wrap; counter-reset: number 0; gap: 2rem; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__strong-point__list { gap: 3.2rem; } } .incubation-sub-category-top__strong-point__list__item { border-top: solid 0.2rem #cb2c00; background: #fff; position: relative; padding: 4.9rem 2rem 3rem; } @media screen and (max-width: 834px) { .incubation-sub-category-top__strong-point__list__item { width: 47%; } } @media screen and (min-width: 835px), print { .incubation-sub-category-top__strong-point__list__item { width: 27.6rem; border-width: 0.3rem; padding: 9.2rem 2rem 4rem; } } .incubation-sub-category-top__strong-point__list__item__number { background: #cb2c00; color: #fff; width: 4rem; height: 3.6rem; display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 835px), print { .incubation-sub-category-top__strong-point__list__item__number { width: 6.6rem; height: 6.6rem; } } .incubation-sub-category-top__strong-point__list__item__number__heading { font-size: 1.2rem; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__strong-point__list__item__number__heading { font-size: 1.6rem; } } .incubation-sub-category-top__strong-point__list__item__number__index { font-size: 1.6rem; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__strong-point__list__item__number__index { font-size: 2.4rem; margin-top: 0.4rem; } } .incubation-sub-category-top__strong-point__list__item__title { font-size: 1.5rem; line-height: 1.4; letter-spacing: 0.04em; text-align: center; font-weight: 700; position: relative; padding-bottom: 0.8rem; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__strong-point__list__item__title { font-size: 2rem; padding-bottom: 1.5rem; } } .incubation-sub-category-top__strong-point__list__item__title::after { content: ""; background: #cb2c00; display: inline-block; width: 2.4rem; height: 0.3rem; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 835px), print { .incubation-sub-category-top__strong-point__list__item__title::after { width: 4.8rem; height: 0.2rem; } } .incubation-sub-category-top__strong-point__list__item__text { margin-top: 0.8rem; line-height: 1.5714285714; letter-spacing: 0.04em; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__strong-point__list__item__text { font-size: 1.6rem; line-height: 1.5625; margin-top: 2rem; } } .incubation-sub-category-top__about { padding-bottom: 3rem; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__about { padding-bottom: 4rem; } } .incubation-sub-category-top__about__content { display: flex; } @media screen and (max-width: 834px) { .incubation-sub-category-top__about__content { flex-direction: column; margin-top: 1.5rem; gap: 1.3rem; } } @media screen and (min-width: 835px), print { .incubation-sub-category-top__about__content { margin-top: 3rem; gap: 5rem; } } .incubation-sub-category-top__about__image { display: flex; justify-content: center; align-items: center; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__about__image { max-width: 57.6rem; flex-shrink: 0; } } .incubation-sub-category-top__about__text { font-size: 1.4rem; line-height: 1.5714285714; letter-spacing: 0.04em; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__about__text { font-size: 1.6rem; line-height: 1.5625; } } .incubation-sub-category-top__report { margin-top: 5rem; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__report .heading--lv2, .incubation-sub-category-top__report .legacy h2, .legacy .incubation-sub-category-top__report h2 { margin-top: 7rem; } } .incubation-sub-category-top__report__list { display: flex; margin-top: 1.6rem; gap: 2.4rem; } @media screen and (max-width: 834px) { .incubation-sub-category-top__report__list { flex-direction: column; } } @media screen and (min-width: 835px), print { .incubation-sub-category-top__report__list { margin-top: 3rem; } } .incubation-sub-category-top__report__list__item { display: flex; flex-direction: column; background: #fbe8e2; padding: 2rem; position: relative; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__report__list__item { width: 38.4rem; display: flex; } } .incubation-sub-category-top__report__list__link { transition-duration: 300ms; } .incubation-sub-category-top__report__list__link:focus-visible { text-decoration: underline; } @media (hover: hover) { .incubation-sub-category-top__report__list__link:hover { text-decoration: underline; } } @media (hover: none) { .incubation-sub-category-top__report__list__link:active { text-decoration: underline; } } .incubation-sub-category-top__report__list__link:focus-visible { color: #cb2c00; } @media (hover: hover) { .incubation-sub-category-top__report__list__link:hover { color: #cb2c00; } } @media (hover: none) { .incubation-sub-category-top__report__list__link:active { color: #cb2c00; } } .incubation-sub-category-top__report__list__link::before { content: ""; position: absolute; inset: 0; } .incubation-sub-category-top__report__list__item__title { order: 2; font-size: 1.4rem; line-height: 1.5714285714; letter-spacing: 0.04em; border-top: solid #333 0.15rem; font-weight: 700; margin-top: 0.1rem; padding-top: 1rem; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__report__list__item__title { font-size: 1.6rem; line-height: 1.375; padding-bottom: 2.3rem; margin-top: 0.2rem; } } .incubation-sub-category-top__report__list__item__date { order: 1; font-size: 1.4rem; line-height: 1.3928571429; letter-spacing: 0.04em; border-bottom: solid #cb2c00 0.15rem; padding-bottom: 1.1rem; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__report__list__item__date { font-size: 1.6rem; line-height: 1.375; } } .incubation-sub-category-top__report__list__item__company { order: 3; text-align: right; margin-top: 1rem; } @media screen and (min-width: 835px), print { .incubation-sub-category-top__report__list__item__company { margin-top: auto; font-size: 1.6rem; line-height: 1.5625; } } @media screen and (max-width: 834px) { .incubation-facility__type { margin-top: 2rem; } } @media screen and (min-width: 835px), print { .incubation-facility__type { margin-top: 6rem; } } @media screen and (max-width: 834px) { .incubation-facility__type .heading--lv2, .incubation-facility__type .legacy h2, .legacy .incubation-facility__type h2 { margin-top: 0; } } .incubation-facility__type__label__list { margin-top: 1.6rem; display: flex; } @media screen and (max-width: 834px) { .incubation-facility__type__label__list { flex-direction: column; gap: 1.8rem; } } @media screen and (min-width: 835px), print { .incubation-facility__type__label__list { margin-top: 3rem; gap: 4.5rem; } } .incubation-facility__type__label__list__item { font-size: 1.4rem; font-weight: 700; } @media screen and (max-width: 834px) { .incubation-facility__type__label__list__item { display: flex; justify-content: center; } } .incubation-facility__type__label__list__item[data-condition=yes] { border: solid #cb2c00 1px; box-shadow: 0.3rem 0.3rem 0 #cb2c00; } @media screen and (min-width: 835px), print { .incubation-facility__type__label__list__item[data-condition=yes] { box-shadow: 0.5rem 0.5rem 0 #cb2c00; } } .incubation-facility__type__label__list__item[data-condition=yes] svg { fill: #333; } .incubation-facility__type__label__list__item[data-condition=no] { border: solid #888 1px; box-shadow: 0.3rem 0.3rem 0 #888; } @media screen and (min-width: 835px), print { .incubation-facility__type__label__list__item[data-condition=no] { box-shadow: 0.5rem 0.5rem 0 #888; } } .incubation-facility__type__label__list__item[data-condition=no] svg { fill: #888; } @media screen and (max-width: 834px) { .incubation-facility__type__label__list__item[data-type=工場タイプ] .incubation-facility__type__label__list__item__inner { gap: 3rem; } } @media screen and (max-width: 834px) { .incubation-facility__type__label__list__item[data-type=工場タイプ] .incubation-facility__type__label__list__item__icon { width: 2.4rem; } } @media screen and (min-width: 835px), print { .incubation-facility__type__label__list__item[data-type=工場タイプ] .incubation-facility__type__label__list__item__icon { width: 3.7rem; } } .incubation-facility__type__label__list__item__inner { display: flex; align-items: center; } @media screen and (max-width: 834px) { .incubation-facility__type__label__list__item__inner { height: 5rem; gap: 1.9rem; min-width: 19.8rem; } } @media screen and (min-width: 835px), print { .incubation-facility__type__label__list__item__inner { flex-direction: column; justify-content: center; width: 12.5rem; height: 12.5rem; text-align: center; } } @media screen and (min-width: 835px), print { .incubation-facility__type__label__list__item__text { line-height: 1.4; } } @media screen and (max-width: 834px) { .incubation-facility__type__label__list__item__text span { margin-left: 1.4rem; } } @media screen and (min-width: 835px), print { .incubation-facility__type__label__list__item__text span { display: block; } } .incubation-facility__type__label__list__item__icon { width: 3.6rem; } @media screen and (min-width: 835px), print { .incubation-facility__type__label__list__item__icon { width: 4.5rem; margin-top: 0.8rem; } } .incubation-facility__type__label__list__item__icon svg { width: 100%; } .incubation-facility__type__text-area { border: solid 1px #ccc; padding: 2rem; } @media screen and (max-width: 834px) { .incubation-facility__type__text-area { margin-top: 2rem; } } @media screen and (min-width: 835px), print { .incubation-facility__type__text-area { margin-top: 4rem; } } .incubation-facility__type__heading { font-size: 1.5rem; font-weight: 700; } @media screen and (min-width: 835px), print { .incubation-facility__type__heading { font-size: 1.6rem; } } .incubation-facility__type__heading:not(:first-of-type) { margin-top: 1.6rem; } @media screen and (min-width: 835px), print { .incubation-facility__type__heading:not(:first-of-type) { margin-top: 2.2rem; } } .incubation-facility__type__text { font-size: 1.4rem; line-height: 1.5714285714; margin-top: 1rem; } @media screen and (min-width: 835px), print { .incubation-facility__type__text { font-size: 1.6rem; } } .compartment-list { width: 100%; margin-top: 1rem; line-height: 1.4; } .compartment-list th:first-of-type, .compartment-list td:first-of-type { position: relative; } .compartment-list th:first-of-type::after, .compartment-list td:first-of-type::after { content: ""; display: block; width: 400%; height: 0.2rem; border-bottom: 0.2rem dotted #bbb; position: absolute; left: 0; bottom: 0; } .compartment-list th:first-of-type::after { border-bottom: 0.2rem solid #bbb; } .compartment-list th, .compartment-list td { width: 25%; padding: 2rem 0.5rem; } .compartment-list th p, .compartment-list td p { display: flex; justify-content: center; } .compartment-list__head { font-weight: bold; } @media screen and (max-width: 834px) { .compartment-list__head th { padding: 2rem 0.3rem; padding-top: 0.5rem; } } @media screen and (max-width: 834px) { .compartment-list__head th p { font-size: 1.2rem; } } .compartment-list__body td { vertical-align: middle; } .compartment-list__body .red { color: #e90000; font-weight: bold; } @media screen and (min-width: 835px), print { .news-detail__header { display: grid; justify-content: flex-start; grid-template-columns: auto 1fr; } } .news-detail__date { font-size: 1.4rem; line-height: 0.6363636364; letter-spacing: 0.04em; margin-top: 2.4rem; display: inline-block; } @media screen and (min-width: 835px), print { .news-detail__date { grid-row: 1/2; grid-column: 2/3; margin-left: 2.4rem; margin-top: 1rem; } } .news-detail__title { font-size: 2.3rem; font-weight: 700; padding-bottom: 2rem; border-bottom: solid 1px #7d9297; } @media screen and (max-width: 834px) { .news-detail__title { line-height: 1.3913043478; letter-spacing: 0.04em; margin-top: 2.3rem; } } @media screen and (min-width: 835px), print { .news-detail__title { grid-row: 2/3; grid-column: 1/3; font-size: 3.4rem; line-height: 1.3823529412; letter-spacing: 0.08em; margin-top: 3rem; } } .news-detail__body { padding-bottom: 2rem; } @media screen and (min-width: 835px), print { .news-detail__body > [class^=heading], .news-detail__body > .text, .legacy .news-detail__body > p { margin-top: 3.6rem; } } @media screen and (min-width: 835px), print { .news-detail__body .text + .heading--lv2, .news-detail__body .legacy p + .heading--lv2, .legacy .news-detail__body p + .heading--lv2, .news-detail__body .legacy .text + h2, .legacy .news-detail__body .text + h2, .news-detail__body .legacy p + h2, .legacy .news-detail__body p + h2 { margin-top: 4rem; } } .kyosai-contact { position: relative; padding-top: 2.5rem; } @media print { .kyosai-contact { break-inside: avoid; } } .kyosai-contact::before, .kyosai-contact::after { content: ""; width: 100%; height: 0.3rem; position: absolute; } .kyosai-contact::before { background-color: #333; top: -0.4rem; } .kyosai-contact::after { background-color: #cb2c00; top: 0; } .kyosai-contact__title { text-align: center; font-size: 2.1rem; color: #cb2c00; font-weight: bold; padding-left: 2rem; padding-right: 2rem; margin-bottom: 2rem; line-height: 1.5; } @media screen and (min-width: 835px), print { .kyosai-contact__title { font-size: 3rem; } } .kyosai-contact .counseling-room { background-color: #fbe8e2; padding: 3.5rem 0 3rem; margin-bottom: 1rem; } .kyosai-contact .counseling-room__title { font-size: 1.9rem; font-weight: bold; text-align: center; margin-bottom: 2.5rem; display: flex; align-items: center; } @media screen and (min-width: 835px), print { .kyosai-contact .counseling-room__title { font-size: 2.6rem; } } .kyosai-contact .counseling-room__title::before, .kyosai-contact .counseling-room__title::after { content: ""; background-color: #cb2c00; height: 0.1rem; flex-grow: 1; } .kyosai-contact .counseling-room__title::before { margin-right: 1rem; } .kyosai-contact .counseling-room__title::after { margin-left: 1rem; } @media screen and (min-width: 835px), print { .kyosai-contact .counseling-room__wrap { display: flex; justify-content: center; } } .kyosai-contact .counseling-room__contact--text { line-height: 1.5; } @media screen and (min-width: 835px), print { .kyosai-contact .counseling-room__contact--text { text-align: center; } } .kyosai-contact .counseling-room__contact .btn-list--col1 { max-width: none; margin-top: 1.5rem; } .adviser-wrap { border: 0.1rem solid #bbb; padding: 2rem; margin-top: 2rem; } .adviser-wrap .text-img--right { margin-top: 0; } @media screen and (min-width: 835px), print { .adviser-wrap .text-img--right .img { width: 18.81%; } } @media screen and (min-width: 835px), print { .adviser-wrap .text-img--right .img .img-box::before { aspect-ratio: 5/6; } } .adviser-wrap .text-img--right .text-img__text .adviser__name { font-size: 1.6rem; font-weight: bold; margin-bottom: 2rem; } @media screen and (min-width: 835px), print { .adviser-wrap .text-img--right .text-img__text .adviser__name { font-size: 2rem; margin-bottom: 1.5rem; } } .adviser-wrap .text-img--right .text-img__text .adviser__list .adviser__item { margin-bottom: 1.5rem; } @media screen and (min-width: 835px), print { .adviser-wrap .text-img--right .text-img__text .adviser__list .adviser__item { display: flex; align-items: baseline; } } .adviser-wrap .text-img--right .text-img__text .adviser__list .adviser__item dt { font-weight: bold; margin-bottom: 1rem; } @media screen and (min-width: 835px), print { .adviser-wrap .text-img--right .text-img__text .adviser__list .adviser__item dt { margin-bottom: 0; width: 10rem; flex-shrink: 0; } } .adviser-wrap .text-img--right .text-img__text .adviser__list .adviser__item dd { line-height: 1.5; } .sitemap__wrap { margin-top: 3rem; display: flex; row-gap: 3rem; flex-direction: column; } @media screen and (min-width: 835px), print { .sitemap__wrap { flex-wrap: wrap; flex-direction: row; } } @media screen and (min-width: 835px), print { .sitemap__wrap li { width: 50%; } } .sitemap__wrap li a { transition-duration: 300ms; text-decoration: underline; } .sitemap__wrap li a:focus-visible { text-decoration: none; } @media (hover: hover) { .sitemap__wrap li a:hover { text-decoration: none; } } @media (hover: none) { .sitemap__wrap li a:active { text-decoration: none; } } .sitemap__wrap li a:focus-visible { color: #cb2c00; } @media (hover: hover) { .sitemap__wrap li a:hover { color: #cb2c00; } } @media (hover: none) { .sitemap__wrap li a:active { color: #cb2c00; } } .sitemap__wrap.-lower { margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #bbb; } @media screen and (min-width: 835px), print { .sitemap__wrap.-lower { margin-top: 5rem; padding-top: 5rem; } } .incubation-companylist__body { display: flex; flex-direction: column; gap: 1rem; } .incubation-companylist__block:nth-of-type(2) { margin-top: 2rem; } @media screen and (min-width: 835px), print { .incubation-companylist__block:nth-of-type(2) { margin-top: 3rem; } } .incubation-companylist__list { border: #333 solid 1px; margin-top: 1.6rem; padding: 2rem 1.9rem; display: flex; flex-direction: column; gap: 2rem; } @media screen and (min-width: 835px), print { .incubation-companylist__list { margin-top: 3rem; } } .incubation-companylist__list__item { background: #f2f6f7; padding: 1rem; position: relative; } @media screen and (min-width: 835px), print { .incubation-companylist__list__item { padding: 2rem; } } .incubation-companylist__list__item .incubation-companylist__list__item__title.text, .incubation-companylist__list__item .legacy p.incubation-companylist__list__item__title, .legacy .incubation-companylist__list__item p.incubation-companylist__list__item__title { margin-top: 0; } .incubation-companylist__list__item__link { font-size: 1.6rem; line-height: 1.53125; letter-spacing: 0.04em; color: #14399e; font-weight: 700; } @media screen and (min-width: 835px), print { .incubation-companylist__list__item__link { font-size: 1.8rem; } } .incubation-companylist__list__item__room { margin-top: 1.2rem; } @media screen and (min-width: 835px), print { .incubation-companylist__list__item__room { margin-top: 1rem; } } .incubation-companylist__list__item__room__inner { display: flex; align-items: center; gap: 1.6rem; } .incubation-companylist__list__item__room__heading { background: #333; font-size: 1.3rem; line-height: 1.3846153846; letter-spacing: 0.04em; color: #fff; font-weight: 700; padding: 0.4rem 0.7rem; } @media screen and (min-width: 835px), print { .incubation-companylist__list__item__room__heading { font-size: 1.4rem; padding: 0.4rem 1.1rem; } } .incubation-companylist__list__item__room__content { font-size: 1.5rem; line-height: 1.4; letter-spacing: 0.04em; font-weight: 700; } @media screen and (min-width: 835px), print { .incubation-companylist__list__item__room__content { font-size: 1.6rem; } } .incubation-companylist__list__item__info__heading { font-size: 1.5rem; line-height: 1.4; letter-spacing: 0.04em; font-weight: 700; margin-top: 1rem; padding-bottom: 0.8rem; } @media screen and (min-width: 835px), print { .incubation-companylist__list__item__info__heading { margin-top: 1.5rem; font-size: 1.6rem; } } .incubation-companylist__list__item__info__contents { border-top: #707070 solid 1px; } .incubation-companylist__info__list { font-size: 1.4rem; line-height: 1.5714285714; letter-spacing: 0.04em; } @media screen and (min-width: 835px), print { .incubation-companylist__info__list { font-size: 1.6rem; margin-top: 1rem; } } .incubation-companylist-report__info .heading--lv3, .incubation-companylist-report__info .legacy h3, .legacy .incubation-companylist-report__info h3 { margin-top: 1.8rem; } @media screen and (min-width: 835px), print { .incubation-companylist-report__info .heading--lv3, .incubation-companylist-report__info .legacy h3, .legacy .incubation-companylist-report__info h3 { margin-top: 3rem; } } @media screen and (max-width: 834px) { .incubation-companylist-report__info__image { margin-top: 1.5rem; } } @media screen and (min-width: 835px), print { .incubation-companylist-report__info__image { width: 25.4rem; float: right; margin-left: 3rem; margin-bottom: 1rem; } } @media screen and (max-width: 834px) { .incubation-companylist-report__info__text-area { display: flex; flex-direction: column; gap: 1rem; } } @media screen and (min-width: 835px), print { .incubation-companylist-report__info__text-area { margin-top: 3rem; } } @media screen and (min-width: 835px), print { .incubation-companylist-report__info__text-area .text:nth-of-type(n + 2), .incubation-companylist-report__info__text-area .legacy p:nth-of-type(n + 2), .legacy .incubation-companylist-report__info__text-area p:nth-of-type(n + 2) { margin-top: 2.6rem; } } .incubation-companylist-report__list-block { margin-top: 1.4rem; } @media screen and (min-width: 835px), print { .incubation-companylist-report__list-block { margin-top: 3rem; } } .incubation-companylist-report__list { display: flex; flex-direction: column; gap: 2rem; } .incubation-companylist-report__list__item { position: relative; padding-bottom: 1.8rem; } @media screen and (min-width: 835px), print { .incubation-companylist-report__list__item { display: grid; grid-template-columns: 20rem 1fr; align-items: center; padding-bottom: 2.2rem; } } .incubation-companylist-report__list__item::after { content: ""; background-image: url(../../assets/image/common/repeat-dot.png); display: inline-block; width: 100%; height: 0.2rem; background-size: 0.6rem 0.2rem; background-repeat: repeat; position: absolute; bottom: 0; left: 0; right: 0; } .incubation-companylist-report__list__title { font-size: 1.5rem; font-weight: 700; line-height: 1.4; letter-spacing: 0.04em; } @media screen and (min-width: 835px), print { .incubation-companylist-report__list__title { font-size: 1.8rem; line-height: 1.2222222222; } } .incubation-companylist-report__list__content { font-size: 1.4rem; line-height: 1.5714285714; letter-spacing: 0.04em; } @media screen and (min-width: 835px), print { .incubation-companylist-report__list__content { font-size: 1.6rem; line-height: 1.375; padding-left: 2rem; } } @media screen and (min-width: 835px), print { .incubation-companylist-report__list__content .list--disc, .incubation-companylist-report__list__content .legacy .link-list, .legacy .incubation-companylist-report__list__content .link-list, .incubation-companylist-report__list__content .legacy ul:not([class]), .legacy .incubation-companylist-report__list__content ul:not([class]), .incubation-companylist-report__list__content .legacy .institute-training-search, .legacy .incubation-companylist-report__list__content .institute-training-search, .incubation-companylist-report__list__content .text, .incubation-companylist-report__list__content .legacy p, .legacy .incubation-companylist-report__list__content p { margin-top: 0; } } @media screen and (max-width: 834px) { .incubation-companylist-report__post { margin-top: 4rem; } } .incubation-companylist-report__post__block:nth-of-type(n + 2) { margin-top: 3rem; } @media screen and (min-width: 835px), print { .incubation-companylist-report__post__block:nth-of-type(n + 2) { margin-top: 3.8rem; } } .incubation-companylist-report__post__list { border: solid #ccc 1px; margin-top: 1rem; padding: 2rem 2rem 0.4rem; display: flex; flex-direction: column; gap: 1.4rem; } @media screen and (min-width: 835px), print { .incubation-companylist-report__post__list { margin-top: 3rem; padding-top: 1.7rem; gap: 2rem; } } .incubation-companylist-report__post__list__item { flex-direction: column; line-height: 1.5; padding-bottom: 1.2rem; position: relative; } @media screen and (min-width: 835px), print { .incubation-companylist-report__post__list__item { padding-bottom: 1.8rem; } } .incubation-companylist-report__post__list__item:not(:last-of-type) { border-bottom: solid #ccc 1px; } .incubation-companylist-report__post__list__date { font-size: 1.3rem; display: block; } @media screen and (min-width: 835px), print { .incubation-companylist-report__post__list__date { font-size: 1.4rem; } } .incubation-companylist-report__post__list__title { text-decoration: underline; font-weight: 500; margin-top: 0.7rem; display: inline-block; transition-duration: 300ms; text-decoration: underline; } .incubation-companylist-report__post__list__title:focus-visible { text-decoration: none; } @media (hover: hover) { .incubation-companylist-report__post__list__title:hover { text-decoration: none; } } @media (hover: none) { .incubation-companylist-report__post__list__title:active { text-decoration: none; } } .incubation-companylist-report__post__list__title:focus-visible { color: #cb2c00; } @media (hover: hover) { .incubation-companylist-report__post__list__title:hover { color: #cb2c00; } } @media (hover: none) { .incubation-companylist-report__post__list__title:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .incubation-companylist-report__post__list__title { font-size: 1.6rem; } } .incubation-companylist-report__post__list__title::before { content: ""; position: absolute; inset: 0; } .incubation-companylist-report__post__list__text { font-size: 1.3rem; margin-top: 0.5rem; } @media screen and (min-width: 835px), print { .incubation-companylist-report__post__list__text { font-size: 1.4rem; } } .search-content { margin-bottom: 2rem; border-bottom: 0.1rem solid #bbb; } .search-content .search-items { display: flex; flex-wrap: wrap; gap: 2rem; padding: 1.5rem 0; } .search-content .search-items .item { display: flex; align-items: center; gap: 1rem; } .search-content .search-items .item label { line-height: 1.5; font-weight: 500; } .search-content .search-items .item label:hover { cursor: pointer; } .search-content .search-items .item label:hover input { border-color: #cb2c00; } @media screen and (max-width: 834px) { .search-content .search-items .item label { flex: 1; } } .search-content .search-items .radio, .search-content .search-items .checkbox { width: 2.4rem; height: 2.4rem; border: 0.2rem solid #bbb; position: relative; } .search-content .search-items .radio { border-radius: 50%; } .search-content .search-items .radio:checked { border-color: #cb2c00; } .search-content .search-items .radio:checked::after { content: ""; display: block; width: 1.1rem; height: 1.1rem; background-color: #333; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .search-content .search-items .radio:focus-visible { border-color: #333; } .search-content .search-items .radio:hover { cursor: pointer; border-color: #cb2c00; } .search-content .search-items .checkbox:hover, .search-content .search-items .checkbox:focus-visible { border-color: #cb2c00; cursor: pointer; } .search-content .search-items .checkbox:checked { border-color: #cb2c00; } .search-content .search-items .checkbox:checked::after { content: ""; display: block; width: 1.5rem; height: 1rem; border-left: 0.3rem solid #333; border-bottom: 0.3rem solid #333; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); } .search-content .search-items.-radio { gap: 2rem 4rem; } @media screen and (max-width: 834px) { .search-content .search-items.-radio { gap: 2rem 3rem; } } .search-content .search-items.-radio .item { width: fit-content; } .search-content .search-items.-check .item { width: 31.6%; } @media screen and (max-width: 834px) { .search-content .search-items.-check .item { width: 46.5%; align-items: flex-start; } } .search-content:last-of-type { border-bottom: none; margin-bottom: 0; } .search-result { display: none; } .result-list, .result-list--supporter { margin-top: 4rem; } @media screen and (max-width: 834px) { .result-list, .result-list--supporter { margin-top: 5rem; } } .result-list__item { border-bottom: 1px solid #bbb; display: flex; gap: 2rem; padding: 2rem 0; } @media screen and (max-width: 834px) { .result-list__item { flex-direction: column; gap: 1.5rem; } } .result-list__item .result-list__detail { width: 100%; } .result-list__item .result-list__detail .title { font-weight: bold; color: #cb2c00; display: inline-block; margin-bottom: 1rem; line-height: 1.5; transition-duration: 300ms; } .result-list__item .result-list__detail .title:focus-visible { text-decoration: underline; } @media (hover: hover) { .result-list__item .result-list__detail .title:hover { text-decoration: underline; } } @media (hover: none) { .result-list__item .result-list__detail .title:active { text-decoration: underline; } } @media screen and (max-width: 834px) { .result-list__item .result-list__detail .title { font-size: 1.6rem; } } .result-list__item .result-list__detail dl .detail-item { line-height: 1.5; display: flex; margin-bottom: 0.5rem; } .result-list__item .result-list__detail dl .detail-item:last-of-type { margin-bottom: 0; } .result-list__item .result-list__detail dl .detail-item dt { min-width: 15rem; font-weight: bold; } @media screen and (max-width: 834px) { .result-list__item .result-list__detail dl .detail-item dt { min-width: 11.7rem; } } .result-list__item .result-list__detail dl .detail-item dd { width: 100%; } .result-list__item .result-list__detail dl .detail-item dd.prepend-colon { width: 100%; position: relative; padding-left: 1.5rem; } .result-list__item .result-list__detail dl .detail-item dd.prepend-colon::before { content: "："; position: absolute; left: 0; } .result-list__item .result-list__detail dl .detail-item .text, .result-list__item .result-list__detail dl .detail-item .legacy p, .legacy .result-list__item .result-list__detail dl .detail-item p { margin-top: 0; } .result-list--supporter { margin-top: 3rem; } @media screen and (max-width: 834px) { .result-list--supporter { margin-top: 1.5rem; } } .result-list--supporter .result-list__item { padding-bottom: 2rem; padding-top: 0; display: block; } .result-list--supporter .result-list__wrap { display: flex; gap: 2rem; padding: 2rem 0 0; } @media screen and (max-width: 834px) { .result-list--supporter .result-list__wrap { flex-direction: column; gap: 1.5rem; } } .result-list--supporter .result-list__wrap .result-list__detail { flex: 1; } .result-list--supporter .result-list__wrap .result-list__detail .title { transition-duration: 300ms; } .result-list--supporter .result-list__wrap .result-list__detail .title:focus-visible { text-decoration: underline; } @media (hover: hover) { .result-list--supporter .result-list__wrap .result-list__detail .title:hover { text-decoration: underline; } } @media (hover: none) { .result-list--supporter .result-list__wrap .result-list__detail .title:active { text-decoration: underline; } } .result-list--supporter .result-list__wrap .result-list__detail .title:focus-visible { text-decoration: none; } @media (hover: hover) { .result-list--supporter .result-list__wrap .result-list__detail .title:hover { text-decoration: none; } } @media (hover: none) { .result-list--supporter .result-list__wrap .result-list__detail .title:active { text-decoration: none; } } .institute-sme-detail__label { height: 4rem; font-size: 1.4rem; font-weight: 500; letter-spacing: 0.04em; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 834px) { .institute-sme-detail__label { margin-top: 1.3rem; } } @media screen and (min-width: 835px), print { .institute-sme-detail__label { margin-top: 3rem; } } .institute-sme-detail__label[data-label_key=target] { background: #f2f6f7; border: solid 1px #bbb; } .institute-sme-detail__label[data-label_key=news] { background: #ebfbff; border: solid 1px #abd4de; } .institute-sme-detail__label[data-label_key=pr] { background: #fffcf2; border: solid 1px #e8debe; } .institute-sme-detail__label[data-label_key=system] { background: #e8f6f0; border: solid 1px #b5e2cf; } .institute-sme-detail__label[data-label_key=disaster] { background: #f2ebf5; border: solid 1px #d5b0de; } .institute-sme-detail__label[data-label_key=event] { background: #fff1f8; border: solid 1px #ecc4d9; } .institute-sme-detail__label[data-label_key=before] { background: #e9e9e9; border: solid 1px #989898; color: #333; } .institute-sme-detail__label[data-label_key=accepting] { background: #dff3ff; border: solid 1px #6c9fcc; color: #0056a1; } .institute-sme-detail__label[data-label_key=closing] { background: #fffed8; border: solid 1px #e6e375; color: #77742b; } .institute-sme-detail__label[data-label_key=waiting] { background: #ffecec; border: solid 1px #f58383; color: #d50000; } .institute-sme-detail__label[data-label_key=end] { background: #ffebfc; border: solid 1px #ff84ed; color: #c4007c; } .result-list__item .label { width: 14.2rem; height: 3.2rem; font-size: 1.4rem; font-weight: 500; display: flex; justify-content: center; align-items: center; } .result-list__item .label[data-label_key=target] { background: #f2f6f7; border: solid 1px #bbb; } .result-list__item .label[data-label_key=news] { background: #ebfbff; border: solid 1px #abd4de; } .result-list__item .label[data-label_key=pr] { background: #fffcf2; border: solid 1px #e8debe; } .result-list__item .label[data-label_key=system] { background: #e8f6f0; border: solid 1px #b5e2cf; } .result-list__item .label[data-label_key=disaster] { background: #f2ebf5; border: solid 1px #d5b0de; } .result-list__item .label[data-label_key=event] { background: #fff1f8; border: solid 1px #ecc4d9; } .result-list__item .label[data-label_key=before] { background: #e9e9e9; border: solid 1px #989898; color: #333; } .result-list__item .label[data-label_key=accepting] { background: #dff3ff; border: solid 1px #6c9fcc; color: #0056a1; } .result-list__item .label[data-label_key=closing] { background: #fffed8; border: solid 1px #e6e375; color: #77742b; } .result-list__item .label[data-label_key=waiting] { background: #ffecec; border: solid 1px #f58383; color: #d50000; } .result-list__item .label[data-label_key=end] { background: #ffebfc; border: solid 1px #ff84ed; color: #c4007c; } @media screen and (max-width: 834px) { .result-list__item .label { width: 100%; font-size: 1.3rem; height: 4rem; } } .institute-sme-detail__profile .heading--lv5 { font-size: 1.6rem; color: #cb2c00; } @media screen and (min-width: 835px), print { .institute-sme-detail__profile .heading--lv5 { font-size: 1.8rem; } } @media screen and (max-width: 834px) { .institute-sme-detail__profile .heading--lv5 { padding-left: 2.4rem; } } .institute-sme-detail__profile .heading--lv5::before { width: 1.2rem; height: 1.2rem; top: 0.7rem; background: linear-gradient(135deg, #333 0%, #333 50%, #cb2c00 50%, #cb2c00 100%); } .institute-sme-detail__profile__block { border: solid #ccc 1px; margin-top: 1.6rem; padding: 0 2rem 2rem; } @media screen and (min-width: 835px), print { .institute-sme-detail__profile__block { padding: 1rem 3rem 2rem; } } .institute-sme-detail__profile__position { font-weight: 700; line-height: 1.5; margin-top: 1rem; } .solicitation-rss { position: relative; } .solicitation-rss .link-list { position: absolute; right: 0; top: 0; } @media screen and (max-width: 834px) { .solicitation-rss .link-list { position: static; } } .training-pickup { margin-top: 3rem; display: flex; gap: 0.7rem; align-items: baseline; } @media screen and (max-width: 834px) { .training-pickup { margin-top: 1rem; align-items: center; gap: 0.5rem; } } @media screen and (min-width: 835px), print { .training-pickup svg { width: 2rem; height: 2.8rem; } } @media screen and (max-width: 834px) { .training-pickup svg { width: 3rem; height: 4.3rem; } } .training-pickup__title { font-size: 3rem; font-weight: bold; color: #cb2c00; white-space: nowrap; } @media screen and (max-width: 834px) { .training-pickup__title { font-size: 1.8rem; } } .training-pickup::after { content: ""; width: 100%; height: 0.2rem; background-image: linear-gradient(to right, #7d9297, #7d9297 0.2rem, transparent 0.2rem); background-size: 0.9rem 0.2rem; background-position: left bottom; background-repeat: repeat-x; position: relative; top: -0.5rem; } @media screen and (max-width: 834px) { .training-pickup::after { background-size: 0.7rem 0.2rem; top: 0.5rem; } } .training-pickup.top { justify-content: center; } .training-pickup.top::after { display: none; } .training-pickup.top .training-pickup__title { font-size: 3.6rem; } @media screen and (max-width: 834px) { .training-pickup.top .training-pickup__title { font-size: 2.3rem; } } @media screen and (min-width: 835px), print { .training-pickup.top svg { width: 2.4rem; height: 3.4rem; } } @media screen and (max-width: 834px) { .training-pickup.top svg { width: 1.5rem; height: 2.2rem; } } .fund-search__header .heading--lv2, .fund-search__header .legacy h2, .legacy .fund-search__header h2 { margin-top: 0; } .fund-search__form { border: #333 solid 1px; } @media screen and (max-width: 834px) { .fund-search__form { margin-top: 1.4rem; padding: 1.8rem 1.8rem 3rem; } } @media screen and (min-width: 835px), print { .fund-search__form { margin-top: 1.8rem; padding: 3rem; } } .fund-search__result-list-wrapper .result-list { border-top: #bbb solid 1px; } .fund-search__result-list-wrapper .result-list__item .label[data-label_key=growth-support] { background: #fff9ee; border: solid 1px #dbaa56; color: #cb2c00; } .fund-search__result-list-wrapper .result-list__item .label[data-label_key=rebirth] { background: #d6fffb; border: solid 1px #19cebb; color: #0a7163; } .fund-search__result-list-wrapper .result-list__item .label[data-label_key=start-up-support] { background: #e8edff; border: solid 1px #5877df; color: #000985; } .fund-search__result-list-wrapper .result-list__item .result-list__detail .title { color: #333; } .fund-search__result-list-wrapper .result-list__item .result-list__detail .title:hover { text-decoration: none; } .fund-search__result-list-wrapper .detail-item--administrator dd { display: flex; } @media screen and (min-width: 835px), print { .fund-search__result-list-wrapper .detail-item--administrator dd { flex-wrap: wrap; column-gap: 2rem; } } @media screen and (max-width: 834px) { .fund-search__result-list-wrapper .detail-item--administrator dd { flex-direction: column; } } @media screen and (max-width: 834px) { .fund-search__inquiry-box .inquiry-box--search-terms .inquiry-box__list .inquiry-box__item { flex-direction: column; } } @media screen and (min-width: 835px), print { .fund-search__inquiry-box .inquiry-box--search-terms .inquiry-box__list .inquiry-box__item dt { min-width: 30.5rem; } } @media screen and (min-width: 835px), print { .fund-search__inquiry-box .inquiry-box__content--no-result { height: 5rem; } } @media screen and (max-width: 1260px), print { body { padding-top: 4.8rem; } } @media screen and (min-width: 1261px), print { body { padding-top: 10.2rem; } } @media screen and (max-width: 834px) { main { display: flex; flex-direction: column; } } .contents { width: 100%; display: flex; align-items: flex-start; } @media screen and (min-width: 835px), print { .contents { gap: 4.2rem; margin-bottom: 14rem; } } @media screen and (max-width: 834px) { .contents { flex-direction: column; } } .contents.disp-block { display: block; } .contents.disp-grid { display: grid; } @media screen and (min-width: 835px), print { .contents.disp-grid { display: grid; grid-template-columns: 1fr 87.8rem 27.8rem 1fr; justify-content: center; } } @media screen and (min-width: 835px), print { .contents.disp-grid .main { padding-left: 0; padding-right: 0; grid-row: 1/2; grid-column: 2/3; } } @media screen and (max-width: 834px) { .contents.disp-grid .sidebar { order: 3; } } @media screen and (min-width: 835px), print { .contents.disp-grid .sidebar { padding-left: 0; padding-right: 0; grid-row: 1/2; grid-column: 3/4; } } @media screen and (max-width: 834px) { .contents.disp-grid .two-col_access-contact { order: 2; } } @media screen and (min-width: 835px), print { .contents.disp-grid .two-col_access-contact { grid-row: 2/3; grid-column: 1/5; } } .main { flex: 1; } @media screen and (max-width: 834px) { .main { width: 100%; } } .main > *:first-child { margin-top: 0; } @media screen and (min-width: 835px), print { .sidebar { flex: 0 0 27.8rem; } } @media screen and (max-width: 834px) { .sidebar { visibility: hidden; width: 100%; } } @media screen and (max-width: 834px) { .sidebar .localnav { display: none; } } @media screen and (max-width: 834px) { .sidebar .search-box + .side-bnr-link__list { margin-top: 2rem; } } .block-skip { position: fixed; top: 1rem; left: 1rem; z-index: 1000; } .block-skip__item { height: 0; } .block-skip__link { display: inline-block; font-size: 0; background: #fff; } .block-skip__link:focus-visible { font-size: 1.4rem; padding: 0.5rem; outline: auto; } .header { display: flex; align-items: center; width: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 9; } @media screen and (max-width: 1260px), print { .header { height: 4.8rem; } } @media screen and (min-width: 1261px), print { .header { justify-content: space-between; height: 10.2rem; } } @media screen and (min-width: 1261px), print { .header:before { content: ""; display: block; width: 100%; height: calc(100% - 10.2rem); background: rgba(51, 51, 51, 0.6); position: fixed; top: 10.2rem; left: 0; opacity: 0; pointer-events: none; transition-duration: 300ms; } } @media screen and (min-width: 1261px), print { .header:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: 0 0.3rem 0.6rem rgba(51, 51, 51, 0.16); pointer-events: none; } } .header[data-menu_open=true]:before { opacity: 1; pointer-events: all; } .header__content { flex-shrink: 0; display: flex; align-items: center; height: 100%; } @media screen and (max-width: 1260px), print { .header__content { width: 100%; background: #fff; padding-left: 0.75rem; box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2); } } @media screen and (min-width: 1261px), print { .header__content { flex-basis: 27.35rem; padding-right: 4rem; padding-left: 7.55rem; position: relative; } } .header__logo { height: 100%; } @media screen and (max-width: 1260px), print { .header__logo { margin-right: auto; } } .header__link { display: flex; align-items: center; justify-content: center; width: 8rem; height: 100%; color: #fff; font-size: 1.2rem; text-align: center; letter-spacing: 0; line-height: 1.2083333333; background: #cb2c00; } @media screen and (min-width: 1261px), print { .header__link { display: none; } } .header__button { display: flex; align-items: flex-end; justify-content: center; width: 5.4rem; height: 100%; color: #fff; font-size: 1.2rem; letter-spacing: 0; line-height: 1.625; background: #333; padding-bottom: 0.6rem; position: relative; cursor: pointer; } @media screen and (min-width: 1261px), print { .header__button { display: none; } } .header__button__icon { width: 2.3rem; height: 0; border-top: solid #fff; border-bottom: solid #fff; margin: auto; position: absolute; top: 15px; left: 0; right: 0; } .header__button__icon:before, .header__button__icon:after { content: ""; display: block; width: 100%; height: 0; border-top: 0.075rem solid #fff; border-bottom: 0.075rem solid #fff; margin: auto; position: absolute; left: 0; right: 0; transition-duration: 300ms; } .header__button[aria-expanded=true] .header__button--open { display: none; } .header__button[aria-expanded=true] .header__button__icon { border-width: 0; } .header__button[aria-expanded=true] .header__button__icon:before { top: -0.05rem; transform: rotate(45deg); } .header__button[aria-expanded=true] .header__button__icon:after { bottom: -0.05rem; transform: rotate(-45deg); } .header__button[aria-expanded=false] .header__button--close { display: none; } .header__button[aria-expanded=false] .header__button__icon { border-width: 0.075rem; } .header__button[aria-expanded=false] .header__button__icon:before { top: -0.5rem; } .header__button[aria-expanded=false] .header__button__icon:after { bottom: -0.5rem; } @media screen and (max-width: 1260px), print { .global-nav { display: none; width: 100%; height: calc(100% - 4.8rem); background: #fff; border-top: 0.05rem solid #bbb; position: fixed; top: 4.8rem; left: 0; overflow-y: scroll; z-index: -1; } } @media screen and (min-width: 1261px), print { .global-nav { align-self: flex-start; display: flex !important; justify-content: flex-end; flex-wrap: wrap-reverse; gap: 2rem 2.4rem; padding-top: 1.4rem; padding-right: 4rem; padding-bottom: 2rem; position: relative; } } .global-nav__block { display: flex; justify-content: center; } @media screen and (max-width: 1260px), print { .global-nav__block { gap: 2rem; width: 100%; padding-left: 2rem; padding-right: 2rem; margin-top: 3rem; } } @media screen and (min-width: 1261px), print { .global-nav__block { gap: 1.4rem; } } .global-nav__item { display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 1260px), print { .global-nav__item { gap: 1rem; width: 100%; height: 5.9rem; font-weight: 500; background: #f2f6f7; border-bottom: 0.25rem solid #333; } } @media screen and (min-width: 1261px), print { .global-nav__item { gap: 0.8rem; height: 3.2rem; font-size: 1.4rem; padding-left: 1rem; padding-right: 1rem; } } @media screen and (min-width: 1261px), print { .global-nav__item[data-type=mail] { color: #fff; background: #cb2c00; border: 0.2rem solid #cb2c00; transition-duration: 300ms; } .global-nav__item[data-type=mail]:focus-visible { color: #cb2c00; background: #fff; } .global-nav__item[data-type=mail]:focus-visible path { fill: #cb2c00; } } @media screen and (min-width: 1261px) and (hover: hover), print and (hover: hover) { .global-nav__item[data-type=mail]:hover { color: #cb2c00; background: #fff; } .global-nav__item[data-type=mail]:hover path { fill: #cb2c00; } } @media screen and (min-width: 1261px) and (hover: none), print and (hover: none) { .global-nav__item[data-type=mail]:active { color: #cb2c00; background: #fff; } .global-nav__item[data-type=mail]:active path { fill: #cb2c00; } } @media screen and (max-width: 1260px), print { .global-nav__item[data-type=mail] svg { width: 2.2rem; height: 1.7rem; } } @media screen and (min-width: 1261px), print { .global-nav__item[data-type=language] { transition-duration: 300ms; } .global-nav__item[data-type=language]:focus-visible { text-decoration: underline; } } @media screen and (min-width: 1261px) and (hover: hover), print and (hover: hover) { .global-nav__item[data-type=language]:hover { text-decoration: underline; } } @media screen and (min-width: 1261px) and (hover: none), print and (hover: none) { .global-nav__item[data-type=language]:active { text-decoration: underline; } } @media screen and (min-width: 1261px), print { .global-nav__item[data-type=language]:focus-visible { color: #cb2c00; text-decoration: underline; } .global-nav__item[data-type=language]:focus-visible path { fill: #cb2c00; } } @media screen and (min-width: 1261px) and (hover: hover), print and (hover: hover) { .global-nav__item[data-type=language]:hover { color: #cb2c00; text-decoration: underline; } .global-nav__item[data-type=language]:hover path { fill: #cb2c00; } } @media screen and (min-width: 1261px) and (hover: none), print and (hover: none) { .global-nav__item[data-type=language]:active { color: #cb2c00; text-decoration: underline; } .global-nav__item[data-type=language]:active path { fill: #cb2c00; } } @media screen and (max-width: 1260px), print { .global-nav__item[data-type=language] div svg { width: 2.3rem; height: 2.3rem; } } .global-nav__icon path, .global-nav__icon--pc path, .global-nav__icon--sp path { transition-duration: 300ms; } @media screen and (max-width: 1260px), print { .global-nav__icon path, .global-nav__icon--pc path, .global-nav__icon--sp path { fill: #cb2c00; } } @media screen and (max-width: 1260px), print { .global-nav .sns-list { justify-content: center; font-weight: 500; margin-top: 3rem; margin-bottom: 2rem; } } @media screen and (min-width: 1261px), print { .global-nav .sns-list { display: none; } } .global-nav .sns-list__item:before { background: #333; } .button--search { transition-duration: 300ms; } @media screen and (max-width: 1260px), print { .button--search { display: none; } } @media screen and (min-width: 1261px), print { .button--search { display: flex; align-items: center; width: 10.6rem; height: 3.2rem; padding-left: 1rem; padding-right: 1rem; border: 0.1rem solid #bbb; } } .button--search__icon, .button--search__icon--before, .button--search__icon--after { display: flex; align-items: center; justify-content: center; transition-duration: 300ms; } .button--search__icon--before svg { width: 1.4rem; height: 1.4rem; } .button--search__text { font-size: 1.4rem; font-weight: 500; letter-spacing: 0.08em; margin-left: 1rem; margin-right: auto; } .button--search[aria-expanded=true] { background: #333; } .button--search[aria-expanded=true] .button--search__icon--before path { fill: #fff; } .button--search[aria-expanded=true] .button--search__icon--after { transform: rotateX(180deg); } .button--search[aria-expanded=true] .button--search__icon--after path { fill: #fff; stroke: #fff; } .button--search[aria-expanded=true] .button--search__text { color: #fff; } .button--search[aria-expanded=false] { background: #f2f6f7; } .button--search[aria-expanded=false] .button--search__icon--before path { fill: #cb2c00; } .button--search:focus-visible { background: #333; } .button--search:focus-visible .button--search__icon--before path { fill: #fff; } .button--search:focus-visible .button--search__icon--after path { fill: #fff; stroke: #fff; } .button--search:focus-visible .button--search__text { color: #fff; } @media (hover: hover) { .button--search:hover { background: #333; } .button--search:hover .button--search__icon--before path { fill: #fff; } .button--search:hover .button--search__icon--after path { fill: #fff; stroke: #fff; } .button--search:hover .button--search__text { color: #fff; } } @media (hover: none) { .button--search:active { background: #333; } .button--search:active .button--search__icon--before path { fill: #fff; } .button--search:active .button--search__icon--after path { fill: #fff; stroke: #fff; } .button--search:active .button--search__text { color: #fff; } } @media screen and (max-width: 1260px), print { .button--close { display: none; } } @media screen and (min-width: 1261px), print { .button--close { display: flex; align-items: center; flex-direction: column; gap: 0.5rem; font-weight: 500; padding: 0.5rem; position: absolute !important; top: 2rem; right: 3rem; transition-duration: 300ms; position: relative; } .button--close:after { content: ""; display: block; width: 100%; height: 100%; border: 0.3rem solid transparent; position: absolute; top: 0; left: 0; pointer-events: none; transition-duration: 300ms; } .button--close:focus-visible:after { border-color: #cb2c00; } } @media screen and (min-width: 1261px) and (hover: hover), print and (hover: hover) { .button--close:hover:after { border-color: #cb2c00; } } @media screen and (min-width: 1261px) and (hover: none), print and (hover: none) { .button--close:active:after { border-color: #cb2c00; } } .button--close__icon { width: 3.8rem; height: 3.8rem; position: relative; transform: rotate(45deg); } .button--close__icon:before, .button--close__icon:after { content: ""; display: block; width: 100%; height: 0; border: 0.1rem solid #333; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .button--close__icon:after { transform: rotate(90deg); } .global-menu--child__link, .global-menu__link, .global-menu__trigger { cursor: pointer; } @media screen and (max-width: 1260px), print { .global-menu--child__link, .global-menu__link, .global-menu__trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 5.6rem; padding-top: 1rem; padding-left: 2rem; padding-right: 2rem; padding-bottom: 1rem; } } @media screen and (min-width: 1261px), print { .global-menu { display: flex; align-items: center; justify-content: flex-end; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=main] { gap: 4.8rem; width: 100%; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=main] .global-menu__trigger { font-weight: bold; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=main] .global-menu__trigger__icon { bottom: -2rem; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=main] .global-menu--child { gap: 2.2rem 4.8rem; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=main] .global-menu--child__item { width: 36.8rem; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=main] .global-menu--child__link { display: flex; align-items: center; font-weight: 500; padding-top: 1rem; padding-right: 0.3rem; padding-bottom: 1rem; border-bottom: 0.2rem solid #7d9297; position: relative; transition-duration: 300ms; } .global-menu[data-type=main] .global-menu--child__link::after { content: ""; display: block; width: 1.2rem; height: 1.2rem; border-top: 0.225rem solid #333; border-right: 0.225rem solid #333; transform: rotate(45deg); margin-left: auto; transition-duration: 300ms; } .global-menu[data-type=main] .global-menu--child__link:focus-visible { color: #cb2c00; border-color: transparent; } .global-menu[data-type=main] .global-menu--child__link:focus-visible:before { background: transparent; } .global-menu[data-type=main] .global-menu--child__link:focus-visible:after { border-color: #cb2c00; } } @media screen and (min-width: 1261px) and (hover: hover), print and (hover: hover) { .global-menu[data-type=main] .global-menu--child__link:hover { color: #cb2c00; border-color: transparent; } .global-menu[data-type=main] .global-menu--child__link:hover:before { background: transparent; } .global-menu[data-type=main] .global-menu--child__link:hover:after { border-color: #cb2c00; } } @media screen and (min-width: 1261px) and (hover: none), print and (hover: none) { .global-menu[data-type=main] .global-menu--child__link:active { color: #cb2c00; border-color: transparent; } .global-menu[data-type=main] .global-menu--child__link:active:before { background: transparent; } .global-menu[data-type=main] .global-menu--child__link:active:after { border-color: #cb2c00; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=main] .global-menu--child__link:before { content: ""; display: block; width: 8rem; height: 0.2rem; background: #cb2c00; position: absolute; left: 0; bottom: -0.2rem; transition-duration: 300ms; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=main] .global-menu__inner { margin-top: 5rem; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=sub] .global-menu__item:not(:first-child) { padding-left: 2rem; border-left: 1px solid #333; margin-left: 2rem; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=sub] .global-menu__trigger { font-weight: 500; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=sub] .global-menu__trigger__icon { bottom: -1rem; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=sub] .global-menu--child { gap: 2rem 3.2rem; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=sub] .global-menu--child__link { display: block; width: 27.6rem; height: 100%; font-weight: 500; background: #fff; padding: 1rem; box-shadow: 0.2rem 0.2rem 0.4rem rgba(51, 51, 51, 0.2); transition-duration: 300ms; position: relative; } .global-menu[data-type=sub] .global-menu--child__link:after { content: ""; display: block; width: 100%; height: 100%; border: 0.3rem solid transparent; position: absolute; top: 0; left: 0; pointer-events: none; transition-duration: 300ms; } .global-menu[data-type=sub] .global-menu--child__link:focus-visible:after { border-color: #cb2c00; } } @media screen and (min-width: 1261px) and (hover: hover), print and (hover: hover) { .global-menu[data-type=sub] .global-menu--child__link:hover:after { border-color: #cb2c00; } } @media screen and (min-width: 1261px) and (hover: none), print and (hover: none) { .global-menu[data-type=sub] .global-menu--child__link:active:after { border-color: #cb2c00; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=sub] .global-menu--child__link__text { display: flex; align-items: center; justify-content: center; height: 4.4rem; color: #cb2c00; font-weight: bold; background: #fbe8e2; border-top: 0.2rem solid #cb2c00; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=sub] .global-menu--child__link__detail { line-height: 1.5625; margin-top: 1rem; } } @media screen and (min-width: 1261px), print { .global-menu[data-type=sub] .global-menu__inner { margin-top: 6rem; } } .global-menu__trigger { position: relative; cursor: pointer; } @media screen and (max-width: 1260px), print { .global-menu__trigger { color: #cb2c00; font-weight: bold; background: #fbe8e2; border-left: 0.05rem solid #bbb; border-right: 0.05rem solid #bbb; border-bottom: 0.05rem solid #bbb; } } @media screen and (min-width: 1261px), print { .global-menu__trigger { transition-duration: 300ms; } .global-menu__trigger:focus-visible .global-menu__trigger__icon { background: #cb2c00; } } @media screen and (min-width: 1261px) and (hover: hover), print and (hover: hover) { .global-menu__trigger:hover .global-menu__trigger__icon { background: #cb2c00; } } @media screen and (min-width: 1261px) and (hover: none), print and (hover: none) { .global-menu__trigger:active .global-menu__trigger__icon { background: #cb2c00; } } @media screen and (max-width: 1260px), print { .global-menu__trigger__icon { width: 2.2rem; height: 2.2rem; position: relative; } .global-menu__trigger__icon:before, .global-menu__trigger__icon:after { content: ""; display: block; width: 100%; height: 0.118rem; background: #333; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .global-menu__trigger__icon:after { transform: rotate(90deg); transition-duration: 300ms; } } @media screen and (min-width: 1261px), print { .global-menu__trigger__icon { width: 100%; height: 0.3rem; background: transparent; position: absolute; left: 0; transition-duration: 300ms; } } @media screen and (min-width: 1261px), print { .global-menu__trigger[aria-expanded=true] { color: #cb2c00; } } @media screen and (min-width: 1261px), print { .global-menu__trigger[aria-expanded=true] .global-menu__trigger__icon { background: #cb2c00; } } @media screen and (max-width: 1260px), print { .global-menu__trigger[aria-expanded=true] .global-menu__trigger__icon:after { width: 0; } } .global-menu__content { display: none; } @media screen and (min-width: 1261px), print { .global-menu__content { max-height: calc(100% - 10.2rem); background: #f2f6f7; padding-bottom: 6rem; position: fixed; top: 10.2rem; left: 0; right: 0; overflow-y: auto; } } @media screen and (max-width: 1260px), print { .global-menu__inner { padding: 0; } } @media screen and (min-width: 1261px), print { .global-menu__inner { display: flex; flex-direction: column; } } .global-menu__link { font-weight: bold; cursor: pointer; } @media screen and (max-width: 1260px), print { .global-menu__link { background: #f2f6f7; border-left: 0.05rem solid #bbb; border-right: 0.05rem solid #bbb; border-bottom: 0.05rem solid #bbb; position: relative; } .global-menu__link::after { content: ""; display: block; width: 0.8rem; height: 0.8rem; border-top: 0.16rem solid #333; border-right: 0.16rem solid #333; transform: rotate(45deg); margin: auto; position: absolute; top: 0; right: 2rem; bottom: 0; } } @media screen and (min-width: 1261px), print { .global-menu__link { display: flex; align-items: center; font-size: 2.6rem; margin-right: auto; transition-duration: 300ms; } .global-menu__link:focus-visible { text-decoration: underline; } } @media screen and (min-width: 1261px) and (hover: hover), print and (hover: hover) { .global-menu__link:hover { text-decoration: underline; } } @media screen and (min-width: 1261px) and (hover: none), print and (hover: none) { .global-menu__link:active { text-decoration: underline; } } @media screen and (max-width: 1260px), print { .global-menu__link__icon { display: none; } } @media screen and (min-width: 1261px), print { .global-menu__link__icon { display: flex; align-items: center; justify-content: center; width: 2.8rem; height: 2.8rem; background: #cb2c00; margin-left: 2rem; } .global-menu__link__icon::after { content: ""; display: block; width: 1.2rem; height: 1.2rem; border-top: 0.225rem solid #fff; border-right: 0.225rem solid #fff; transform: rotate(45deg); margin-right: 0.3rem; } } .global-menu--child { display: flex; flex-wrap: wrap; } @media screen and (min-width: 1261px), print { .global-menu--child { margin-top: 4rem; } } @media screen and (max-width: 1260px), print { .global-menu--child__item { width: 50%; border-right: 0.05rem solid #7d9297; border-bottom: 0.05rem solid #7d9297; } .global-menu--child__item:nth-child(odd) { border-left: 0.05rem solid #7d9297; } } @media screen and (max-width: 1260px), print { .global-menu--child__item:nth-child(odd):last-child { width: 100%; } } @media screen and (max-width: 1260px), print { .global-menu--child__link { height: 100%; min-height: 5.6rem; font-weight: 500; line-height: 1.3928571429; padding-right: 3.5rem; position: relative; } .global-menu--child__link::after { content: ""; display: block; width: 0.8rem; height: 0.8rem; border-top: 0.16rem solid #333; border-right: 0.16rem solid #333; transform: rotate(45deg); margin: auto; position: absolute; top: 0; right: 2rem; bottom: 0; } } @media screen and (max-width: 1260px), print { .global-menu--child__link[target=_blank] .global-menu--child__link__text svg { width: 1.1rem; height: 1.1rem; } } @media screen and (min-width: 1261px), print { .global-menu--child__link[target=_blank] .global-menu--child__link__text svg { width: 1.5rem; height: 1.5rem; } } @media screen and (max-width: 1260px), print { .global-menu--child__link__detail { display: none; } } @media screen and (max-width: 1260px), print { .search { display: block !important; height: auto !important; padding: unset !important; margin-top: 2.6rem !important; } } @media screen and (min-width: 1261px), print { .search { display: none; background: #f2f6f7; padding-top: 6rem; padding-bottom: 6rem; position: fixed; top: 10.2rem; left: 0; right: 0; } } @media screen and (min-width: 1261px), print { .search__window { max-width: calc(880px + 4rem); } } .gsc-selected-option-container { box-sizing: content-box; } @media screen and (max-width: 834px) { .return-pagetop { margin-top: 6rem; } } @media screen and (min-width: 835px), print { .return-pagetop { position: fixed; bottom: 0; right: 0; } } .return-pagetop__button { display: flex; color: #fff; font-size: 1.4rem; text-align: center; line-height: 1.2857142857; letter-spacing: 0.03em; background: #cb2c00; border: 0.2rem solid #cb2c00; position: relative; pointer-events: auto; transition-duration: 300ms; } .return-pagetop__button:focus-visible { text-decoration: underline; } @media (hover: hover) { .return-pagetop__button:hover { text-decoration: underline; } } @media (hover: none) { .return-pagetop__button:active { text-decoration: underline; } } .return-pagetop__button:focus-visible { color: #cb2c00; background: #fff; } .return-pagetop__button:focus-visible:after { border-color: #cb2c00; } @media (hover: hover) { .return-pagetop__button:hover { color: #cb2c00; background: #fff; } .return-pagetop__button:hover:after { border-color: #cb2c00; } } @media (hover: none) { .return-pagetop__button:active { color: #cb2c00; background: #fff; } .return-pagetop__button:active:after { border-color: #cb2c00; } } @media screen and (max-width: 834px) { .return-pagetop__button { flex-direction: row-reverse; align-items: center; justify-content: center; width: 100%; height: 4rem; } .return-pagetop__button::after { content: ""; display: block; width: 1.2rem; height: 1.2rem; border-top: 0.24rem solid #fff; border-right: 0.24rem solid #fff; transform: rotate(-45deg); margin-top: 0.6rem; margin-right: 1em; } } @media screen and (min-width: 835px), print { .return-pagetop__button { align-items: flex-end; justify-content: center; width: 8rem; height: 8rem; } .return-pagetop__button::after { content: ""; display: block; width: 1.6rem; height: 1.6rem; border-top: 0.32rem solid #fff; border-right: 0.32rem solid #fff; transform: rotate(-45deg); padding-bottom: 0.8rem; margin: auto; position: absolute; top: 1.3rem; left: 0; right: 0; } } @media screen and (min-width: 835px), print { .return-pagetop__button[data-conditon=show] { opacity: 1; } } @media screen and (min-width: 835px), print { .return-pagetop__button[data-conditon=hidden] { opacity: 0; pointer-events: none; } } @media screen and (max-width: 834px) { .return-pagetop__button br { display: none; } } .footer { font-weight: 500; margin-bottom: -2rem; } @media screen and (min-width: 835px), print { .footer { background: #f2f6f7; } } @media print { .footer { break-inside: avoid; } } @media screen and (max-width: 834px) { .footer__inner { color: #fff; padding: 0; } } @media screen and (min-width: 835px), print { .footer__inner { padding-top: 6rem; padding-bottom: 6rem; } } .footer__menu__list { display: flex; flex-wrap: wrap; } @media screen and (max-width: 834px) { .footer__menu__list { border-left: 0.05rem solid #bbb; } } @media screen and (min-width: 835px), print { .footer__menu__list { gap: 2.2rem 3.2rem; } } @media screen and (max-width: 834px) { .footer__menu__list__item { width: 100%; border-left: 0.05rem solid #bbb; border-right: 0.05rem solid #bbb; border-bottom: 0.05rem solid #bbb; } } @media screen and (min-width: 835px), print { .footer__menu__list__item { width: calc((100% - 9.6rem) / 4); } } @media screen and (max-width: 834px) { .footer__menu__list__item:nth-child(n+11) { width: 50%; } } @media screen and (max-width: 834px) { .footer__menu__list__item:nth-child(n+11):nth-child(even) { border-left: none; } } @media screen and (max-width: 834px) { .footer__menu__list__item:nth-child(n+11) .footer__menu__list__link { height: 5.6rem; line-height: 1.3928571429; background: #fff; padding-left: 2rem; padding-right: 6rem; border: none; } } .footer__menu__list__link { display: flex; align-items: center; justify-content: flex-start; font-weight: bold; transition-duration: 300ms; } .footer__menu__list__link:focus-visible { color: #cb2c00; border-color: transparent; } @media (hover: hover) { .footer__menu__list__link:hover { color: #cb2c00; border-color: transparent; } } @media (hover: none) { .footer__menu__list__link:active { color: #cb2c00; border-color: transparent; } } @media screen and (max-width: 834px) { .footer__menu__list__link { height: 5.6rem; color: #333; background: #f2f6f7; padding-left: 2rem; position: relative; } .footer__menu__list__link::after { content: ""; display: block; width: 0.8rem; height: 0.8rem; border-top: 0.16rem solid #333; border-right: 0.16rem solid #333; transform: rotate(45deg); margin: auto; position: absolute; top: 0; right: 2rem; bottom: 0; } } @media screen and (min-width: 835px), print { .footer__menu__list__link { height: 4.2rem; border-bottom: 0.1rem solid #333; } } .footer__menu__list__link svg { flex-grow: 0; flex-shrink: 0; } @media screen and (max-width: 834px) { .footer__menu__list__link svg { flex-basis: 1.1rem; width: 1.1rem; height: 1.1rem; margin-left: 0.3rem; } } @media screen and (min-width: 835px), print { .footer__menu__list__link svg { flex-basis: 1.5rem; width: 1.5rem; height: 1.5rem; margin-left: 0.6rem; } } .footer__menu__list__icon { width: 1.8rem; height: 1.8rem; background: #cb2c00; margin-left: auto; position: relative; } .footer__menu__list__icon::after { content: ""; display: block; width: 0.6rem; height: 0.6rem; border-top: 0.2rem solid #fff; border-right: 0.2rem solid #fff; transform: rotate(45deg); margin: auto; position: absolute; top: 0; right: 0.7rem; bottom: 0; } @media screen and (max-width: 834px) { .footer__menu__list__icon { display: none; } } .footer__menu__list--child { display: grid; gap: 0.4rem; margin-top: 1em; } @media screen and (max-width: 834px) { .footer__menu__list--child { display: none; } } .footer__menu__list--child__link { display: flex; align-items: center; height: 2em; font-size: 1.4rem; position: relative; transition-duration: 300ms; } .footer__menu__list--child__link:focus-visible { text-decoration: underline; } @media (hover: hover) { .footer__menu__list--child__link:hover { text-decoration: underline; } } @media (hover: none) { .footer__menu__list--child__link:active { text-decoration: underline; } } .footer__menu__list--child__link:focus-visible { color: #cb2c00; } .footer__menu__list--child__link:focus-visible:after { border-color: #cb2c00; } @media (hover: hover) { .footer__menu__list--child__link:hover { color: #cb2c00; } .footer__menu__list--child__link:hover:after { border-color: #cb2c00; } } @media (hover: none) { .footer__menu__list--child__link:active { color: #cb2c00; } .footer__menu__list--child__link:active:after { border-color: #cb2c00; } } .footer__menu__list--child__link::after { content: ""; display: block; width: 0.8rem; height: 0.8rem; border-top: 0.1rem solid #333; border-right: 0.1rem solid #333; transform: rotate(45deg); margin: auto; position: absolute; top: 0; right: 0; bottom: 0; transition-duration: 300ms; } @media screen and (max-width: 834px) { .footer__info { text-align: center; background: #cb2c00; padding-top: 3rem; } } @media screen and (min-width: 835px), print { .footer__info { padding-top: 1.5rem; padding-left: 20rem; border-top: 0.1rem solid #bbb; margin-top: 3rem; position: relative; } } @media screen and (max-width: 834px) { .footer__logo { display: none; } } @media screen and (min-width: 835px), print { .footer__logo { position: absolute; top: 1.5rem; left: -0.25rem; } } @media screen and (max-width: 834px) { .footer__address { font-weight: normal; line-height: 1.3928571429; } } @media screen and (min-width: 835px), print { .footer__address { line-height: 1.7142857143; margin-top: 1rem; } } @media screen and (max-width: 834px) { .footer__corporation { display: inline-block; font-size: 1.9rem; font-weight: bold; margin-bottom: 1rem; } } .footer__sns { width: 100%; margin-top: 2rem; } @media screen and (max-width: 834px) { .footer__sns svg g { stroke: #fff; } } @media screen and (max-width: 834px) { .footer__sns svg path { fill: #fff; } } .footer__nav { flex-wrap: wrap; } @media screen and (max-width: 834px) { .footer__nav { justify-content: center; row-gap: 1rem; width: 35rem; height: 8rem; padding-left: 2rem; padding-right: 2rem; margin-top: 3rem; margin-left: auto; margin-right: auto; padding-bottom: 3rem; } } @media screen and (min-width: 835px), print { .footer__nav { margin-top: 4rem; } } @media screen and (max-width: 834px) { .footer__nav__item:nth-child(4):before, .footer__nav__item:nth-child(6):before { content: none; } } .copyright { display: flex; align-items: center; justify-content: center; height: 5rem; color: #fff; font-size: 1.2rem; text-align: center; line-height: 1.6666666667; background: #cb2c00; } @media screen and (max-width: 834px) { .copyright { height: 4.5rem; background: #333; } } @media screen and (max-width: 834px) { html[lang=en] .footer__info { text-align: center; padding-top: 3rem; } } @media screen and (min-width: 835px), print { html[lang=en] .footer__info { padding-top: 0; border: none; margin-top: 0; } } @media screen and (max-width: 834px) { html[lang=en] .footer__logo { display: none; } } @media screen and (min-width: 835px), print { html[lang=en] .footer__logo { top: 0; } } @media screen and (max-width: 834px) { html[lang=en] .footer__nav { height: auto; } } @media screen and (max-width: 834px) { .sns-list { justify-content: center; } } @media screen and (min-width: 835px), print { .sns-list { gap: 2rem; } } @media screen and (min-width: 835px), print { .sns-list__item:not(:first-child):before { content: none; } } /* ↓読み込む必要ないものは削除する↓ */ .legacy { /* ここに移行したソース用のスタイルを設定 */ /* 作成済のスタイルをextendして調整する想定 */ padding-top: 1rem; } .legacy > *:first-child { margin-top: 0; } .legacy section > *:first-child { margin-top: 0; } @media screen and (min-width: 835px), print { .legacy > section { margin-top: 6.4rem; } } @media screen and (max-width: 834px) { .legacy > section { margin-top: 4.8rem; } } @media screen and (min-width: 835px), print { .legacy > section > section { margin-top: 4.8rem; } } @media screen and (max-width: 834px) { .legacy > section > section { margin-top: 3.2rem; } } @media screen and (min-width: 835px), print { .legacy > section > section > section { margin-top: 3.2rem; } } @media screen and (max-width: 834px) { .legacy > section > section > section { margin-top: 1.6rem; } } .legacy h1 { margin-top: 0; margin-bottom: 2rem; } @media screen and (min-width: 835px), print { .legacy h1 + h2 { margin-top: 4rem; } } @media screen and (max-width: 834px) { .legacy h1 + h2 { margin-top: 2rem; } } .legacy h2 { margin-bottom: 1.6rem; } @media screen and (min-width: 835px), print { .legacy h2 + h3 { margin-top: 3rem; } } @media screen and (max-width: 834px) { .legacy h2 + h3 { margin-top: 1.6rem; } } .legacy h3 { margin-bottom: 1.4rem; } @media screen and (min-width: 835px), print { .legacy h3 + h4 { margin-top: 3rem; } } @media screen and (max-width: 834px) { .legacy h3 + h4 { margin-top: 1.4rem; } } .legacy h4 { margin-bottom: 1rem; } @media screen and (min-width: 835px), print { .legacy h4 + h5 { margin-top: 2rem; } } @media screen and (max-width: 834px) { .legacy h4 + h5 { margin-top: 1rem; } } .legacy b { font-weight: 700; } .legacy p + b { margin-top: 1rem; display: inline-block; } .legacy a:not(.movie-list-img-link) { color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .legacy a:not(.movie-list-img-link):focus-visible { text-decoration: none; } @media (hover: hover) { .legacy a:not(.movie-list-img-link):hover { text-decoration: none; } } @media (hover: none) { .legacy a:not(.movie-list-img-link):active { text-decoration: none; } } .legacy a:not(.movie-list-img-link):focus-visible { color: #cb2c00; } @media (hover: hover) { .legacy a:not(.movie-list-img-link):hover { color: #cb2c00; } } @media (hover: none) { .legacy a:not(.movie-list-img-link):active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .legacy a:not(.movie-list-img-link):focus-visible { outline: auto; } } .legacy a:not(.movie-list-img-link)[target=_blank]::after { content: ""; background: url(../image/common/icon-out.svg) no-repeat; background-size: contain; } @media screen and (min-width: 835px), print { .legacy a:not(.movie-list-img-link)[target=_blank]::after { width: 1.5rem; height: 1.5rem; margin-bottom: -0.2rem; } } @media screen and (max-width: 834px) { .legacy a:not(.movie-list-img-link)[target=_blank]::after { width: 1.2rem; height: 1.2rem; margin-bottom: -0.1rem; } } .legacy a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy a:not(.movie-list-img-link)[href$=".PDF"]::after, .legacy a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy a:not(.movie-list-img-link)[href$=".ODT"]::after, .legacy a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLSX"]::after, .legacy a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy a:not(.movie-list-img-link)[href$=".ZIP"]::after { content: ""; } @media screen and (min-width: 835px), print { .legacy a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy a:not(.movie-list-img-link)[href$=".PDF"]::after, .legacy a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy a:not(.movie-list-img-link)[href$=".ODT"]::after, .legacy a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLSX"]::after, .legacy a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy a:not(.movie-list-img-link)[href$=".ZIP"]::after { width: 1.5rem; height: 1.5rem; margin-bottom: -0.2rem; } } @media screen and (max-width: 834px) { .legacy a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy a:not(.movie-list-img-link)[href$=".PDF"]::after, .legacy a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy a:not(.movie-list-img-link)[href$=".ODT"]::after, .legacy a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLSX"]::after, .legacy a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy a:not(.movie-list-img-link)[href$=".ZIP"]::after { width: 1.2rem; height: 1.2rem; margin-bottom: -0.1rem; } } .legacy a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy a:not(.movie-list-img-link)[href$=".PDF"]::after { background: url(../image/common/icon-pdf.svg) no-repeat; background-size: contain; } .legacy a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy a:not(.movie-list-img-link)[href$=".ZIP"]::after { background: url(../image/common/icon-zip.svg) no-repeat; background-size: contain; } .legacy a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy a:not(.movie-list-img-link)[href$=".ODT"]::after { background: url(../image/common/icon-doc.svg) no-repeat; background-size: contain; } .legacy a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy a:not(.movie-list-img-link)[href$=".XLSX"]::after { background: url(../image/common/icon-xls.svg) no-repeat; background-size: contain; } .legacy p > b { margin-top: 0; } .legacy p + img { margin-top: 4rem; } .legacy .txtRight { text-align: right; } @media screen and (min-width: 835px), print { .legacy .lead-text { font-size: 1.8rem; } } @media screen and (max-width: 834px) { .legacy .lead-text { font-size: 1.6rem; } } .legacy .txtBold { font-weight: 700; } .legacy .txtRed { color: #e90000; } @media screen and (min-width: 835px), print { .legacy .disp-sp { display: none; } } .legacy .mL16 { margin-left: 16px; } .legacy .contact-note { padding-left: 2rem; position: relative; } .legacy .contact-note::before { content: "※"; left: 0; position: absolute; top: 0; } .legacy .link-list, .legacy ul:not([class]), .legacy .institute-training-search { display: block; gap: 0; } .legacy .link-list > li, .legacy ul:not([class]) > li, .legacy .institute-training-search > li { display: block; padding-left: 1.8rem; position: relative; } .legacy .link-list > li::before, .legacy ul:not([class]) > li::before, .legacy .institute-training-search > li::before { position: absolute; top: 0; left: 0; } .legacy .link-list > li a, .legacy ul:not([class]) > li a, .legacy .institute-training-search > li a { color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .legacy .link-list > li a:focus-visible, .legacy ul:not([class]) > li a:focus-visible, .legacy .institute-training-search > li a:focus-visible { text-decoration: none; } @media (hover: hover) { .legacy .link-list > li a:hover, .legacy ul:not([class]) > li a:hover, .legacy .institute-training-search > li a:hover { text-decoration: none; } } @media (hover: none) { .legacy .link-list > li a:active, .legacy ul:not([class]) > li a:active, .legacy .institute-training-search > li a:active { text-decoration: none; } } .legacy .link-list > li a:focus-visible, .legacy ul:not([class]) > li a:focus-visible, .legacy .institute-training-search > li a:focus-visible { color: #cb2c00; } @media (hover: hover) { .legacy .link-list > li a:hover, .legacy ul:not([class]) > li a:hover, .legacy .institute-training-search > li a:hover { color: #cb2c00; } } @media (hover: none) { .legacy .link-list > li a:active, .legacy ul:not([class]) > li a:active, .legacy .institute-training-search > li a:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .legacy .link-list > li a:focus-visible, .legacy ul:not([class]) > li a:focus-visible, .legacy .institute-training-search > li a:focus-visible { outline: auto; } } .legacy ol:not([class]) { gap: 0; counter-reset: ol-count; list-style: none; margin-top: 1rem; } .legacy ol:not([class]) > li { display: block; padding-left: 2rem; position: relative; } .legacy ol:not([class]) > li::before { content: counter(ol-count) "."; counter-increment: ol-count; display: block; float: left; margin-left: -1.8rem; } .legacy ol:not([class]) > li * { margin-top: 0; } .legacy ol:not([class]) > li a { color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .legacy ol:not([class]) > li a:focus-visible { text-decoration: none; } @media (hover: hover) { .legacy ol:not([class]) > li a:hover { text-decoration: none; } } @media (hover: none) { .legacy ol:not([class]) > li a:active { text-decoration: none; } } .legacy ol:not([class]) > li a:focus-visible { color: #cb2c00; } @media (hover: hover) { .legacy ol:not([class]) > li a:hover { color: #cb2c00; } } @media (hover: none) { .legacy ol:not([class]) > li a:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .legacy ol:not([class]) > li a:focus-visible { outline: auto; } } .legacy ol:not([class]) > li > ol > li::before { content: counter(ol-count) "）"; } .legacy ol:not([class]) > li > ol > li > ol > li::before { content: "（" counter(ol-count) "）"; } .legacy .mod-box ol > li > ol > li::before { content: counter(ol-count) "）"; } .legacy .mod-box section > section > section > section { padding-top: 2rem; } .legacy .mod-box ul + b, .legacy .mod-box ol + b { margin-top: 2.4rem; display: inline-block; } .legacy .link-list + .link-box { margin-top: 2rem; } .legacy .user-bullet-list { margin-top: 1rem; } .legacy .user-bullet-list li, .legacy .user-bullet-list ul li { padding-left: 1.5em; line-height: 1.5625; position: relative; } .legacy .user-bullet-list li > span:first-child, .legacy .user-bullet-list ul li > span:first-child { left: 0; position: absolute; } .legacy .user-bullet-list li::before, .legacy .user-bullet-list ul li::before { content: none !important; } .legacy .user-bullet-list li:not(:first-of-type), .legacy .user-bullet-list ul li:not(:first-of-type) { margin-top: 0.8rem; } .legacy p a[target=_blank]::after, .legacy li a[target=_blank]::after, .legacy .link a[target=_blank]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[target=_blank]::after { content: ""; background: url(../image/common/icon-out.svg) no-repeat; background-size: contain; } @media screen and (min-width: 835px), print { .legacy p a[target=_blank]::after, .legacy li a[target=_blank]::after, .legacy .link a[target=_blank]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[target=_blank]::after { width: 1.5rem; height: 1.5rem; margin-bottom: -0.2rem; } } @media screen and (max-width: 834px) { .legacy p a[target=_blank]::after, .legacy li a[target=_blank]::after, .legacy .link a[target=_blank]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[target=_blank]::after { width: 1.2rem; height: 1.2rem; margin-bottom: -0.1rem; } } .legacy p a[href$=".pdf"]::after, .legacy p a[href$=".PDF"]::after, .legacy p a[href$=".doc"]::after, .legacy p a[href$=".DOC"]::after, .legacy p a[href$=".docx"]::after, .legacy p a[href$=".DOCX"]::after, .legacy p a[href$=".odt"]::after, .legacy p a[href$=".ODT"]::after, .legacy p a[href$=".xls"]::after, .legacy p a[href$=".XLS"]::after, .legacy p a[href$=".xlsx"]::after, .legacy p a[href$=".XLSX"]::after, .legacy p a[href$=".zip"]::after, .legacy p a[href$=".ZIP"]::after, .legacy li a[href$=".pdf"]::after, .legacy li a[href$=".PDF"]::after, .legacy li a[href$=".doc"]::after, .legacy li a[href$=".DOC"]::after, .legacy li a[href$=".docx"]::after, .legacy li a[href$=".DOCX"]::after, .legacy li a[href$=".odt"]::after, .legacy li a[href$=".ODT"]::after, .legacy li a[href$=".xls"]::after, .legacy li a[href$=".XLS"]::after, .legacy li a[href$=".xlsx"]::after, .legacy li a[href$=".XLSX"]::after, .legacy li a[href$=".zip"]::after, .legacy li a[href$=".ZIP"]::after, .legacy .link a[href$=".pdf"]::after, .legacy .link a[href$=".PDF"]::after, .legacy .link a[href$=".doc"]::after, .legacy .link a[href$=".DOC"]::after, .legacy .link a[href$=".docx"]::after, .legacy .link a[href$=".DOCX"]::after, .legacy .link a[href$=".odt"]::after, .legacy .link a[href$=".ODT"]::after, .legacy .link a[href$=".xls"]::after, .legacy .link a[href$=".XLS"]::after, .legacy .link a[href$=".xlsx"]::after, .legacy .link a[href$=".XLSX"]::after, .legacy .link a[href$=".zip"]::after, .legacy .link a[href$=".ZIP"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".PDF"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ODT"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLSX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ZIP"]::after { content: ""; } @media screen and (min-width: 835px), print { .legacy p a[href$=".pdf"]::after, .legacy p a[href$=".PDF"]::after, .legacy p a[href$=".doc"]::after, .legacy p a[href$=".DOC"]::after, .legacy p a[href$=".docx"]::after, .legacy p a[href$=".DOCX"]::after, .legacy p a[href$=".odt"]::after, .legacy p a[href$=".ODT"]::after, .legacy p a[href$=".xls"]::after, .legacy p a[href$=".XLS"]::after, .legacy p a[href$=".xlsx"]::after, .legacy p a[href$=".XLSX"]::after, .legacy p a[href$=".zip"]::after, .legacy p a[href$=".ZIP"]::after, .legacy li a[href$=".pdf"]::after, .legacy li a[href$=".PDF"]::after, .legacy li a[href$=".doc"]::after, .legacy li a[href$=".DOC"]::after, .legacy li a[href$=".docx"]::after, .legacy li a[href$=".DOCX"]::after, .legacy li a[href$=".odt"]::after, .legacy li a[href$=".ODT"]::after, .legacy li a[href$=".xls"]::after, .legacy li a[href$=".XLS"]::after, .legacy li a[href$=".xlsx"]::after, .legacy li a[href$=".XLSX"]::after, .legacy li a[href$=".zip"]::after, .legacy li a[href$=".ZIP"]::after, .legacy .link a[href$=".pdf"]::after, .legacy .link a[href$=".PDF"]::after, .legacy .link a[href$=".doc"]::after, .legacy .link a[href$=".DOC"]::after, .legacy .link a[href$=".docx"]::after, .legacy .link a[href$=".DOCX"]::after, .legacy .link a[href$=".odt"]::after, .legacy .link a[href$=".ODT"]::after, .legacy .link a[href$=".xls"]::after, .legacy .link a[href$=".XLS"]::after, .legacy .link a[href$=".xlsx"]::after, .legacy .link a[href$=".XLSX"]::after, .legacy .link a[href$=".zip"]::after, .legacy .link a[href$=".ZIP"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".PDF"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ODT"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLSX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ZIP"]::after { width: 1.5rem; height: 1.5rem; margin-bottom: -0.2rem; } } @media screen and (max-width: 834px) { .legacy p a[href$=".pdf"]::after, .legacy p a[href$=".PDF"]::after, .legacy p a[href$=".doc"]::after, .legacy p a[href$=".DOC"]::after, .legacy p a[href$=".docx"]::after, .legacy p a[href$=".DOCX"]::after, .legacy p a[href$=".odt"]::after, .legacy p a[href$=".ODT"]::after, .legacy p a[href$=".xls"]::after, .legacy p a[href$=".XLS"]::after, .legacy p a[href$=".xlsx"]::after, .legacy p a[href$=".XLSX"]::after, .legacy p a[href$=".zip"]::after, .legacy p a[href$=".ZIP"]::after, .legacy li a[href$=".pdf"]::after, .legacy li a[href$=".PDF"]::after, .legacy li a[href$=".doc"]::after, .legacy li a[href$=".DOC"]::after, .legacy li a[href$=".docx"]::after, .legacy li a[href$=".DOCX"]::after, .legacy li a[href$=".odt"]::after, .legacy li a[href$=".ODT"]::after, .legacy li a[href$=".xls"]::after, .legacy li a[href$=".XLS"]::after, .legacy li a[href$=".xlsx"]::after, .legacy li a[href$=".XLSX"]::after, .legacy li a[href$=".zip"]::after, .legacy li a[href$=".ZIP"]::after, .legacy .link a[href$=".pdf"]::after, .legacy .link a[href$=".PDF"]::after, .legacy .link a[href$=".doc"]::after, .legacy .link a[href$=".DOC"]::after, .legacy .link a[href$=".docx"]::after, .legacy .link a[href$=".DOCX"]::after, .legacy .link a[href$=".odt"]::after, .legacy .link a[href$=".ODT"]::after, .legacy .link a[href$=".xls"]::after, .legacy .link a[href$=".XLS"]::after, .legacy .link a[href$=".xlsx"]::after, .legacy .link a[href$=".XLSX"]::after, .legacy .link a[href$=".zip"]::after, .legacy .link a[href$=".ZIP"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".PDF"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ODT"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLSX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ZIP"]::after { width: 1.2rem; height: 1.2rem; margin-bottom: -0.1rem; } } .legacy p a[href$=".pdf"]::after, .legacy p a[href$=".PDF"]::after, .legacy li a[href$=".pdf"]::after, .legacy li a[href$=".PDF"]::after, .legacy .link a[href$=".pdf"]::after, .legacy .link a[href$=".PDF"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".pdf"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".PDF"]::after { background: url(../image/common/icon-pdf.svg) no-repeat; background-size: contain; } .legacy p a[href$=".zip"]::after, .legacy p a[href$=".ZIP"]::after, .legacy li a[href$=".zip"]::after, .legacy li a[href$=".ZIP"]::after, .legacy .link a[href$=".zip"]::after, .legacy .link a[href$=".ZIP"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".zip"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ZIP"]::after { background: url(../image/common/icon-zip.svg) no-repeat; background-size: contain; } .legacy p a[href$=".doc"]::after, .legacy p a[href$=".DOC"]::after, .legacy p a[href$=".docx"]::after, .legacy p a[href$=".DOCX"]::after, .legacy p a[href$=".odt"]::after, .legacy p a[href$=".ODT"]::after, .legacy li a[href$=".doc"]::after, .legacy li a[href$=".DOC"]::after, .legacy li a[href$=".docx"]::after, .legacy li a[href$=".DOCX"]::after, .legacy li a[href$=".odt"]::after, .legacy li a[href$=".ODT"]::after, .legacy .link a[href$=".doc"]::after, .legacy .link a[href$=".DOC"]::after, .legacy .link a[href$=".docx"]::after, .legacy .link a[href$=".DOCX"]::after, .legacy .link a[href$=".odt"]::after, .legacy .link a[href$=".ODT"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".doc"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOC"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".docx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".DOCX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".odt"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".ODT"]::after { background: url(../image/common/icon-doc.svg) no-repeat; background-size: contain; } .legacy p a[href$=".xls"]::after, .legacy p a[href$=".XLS"]::after, .legacy p a[href$=".xlsx"]::after, .legacy p a[href$=".XLSX"]::after, .legacy li a[href$=".xls"]::after, .legacy li a[href$=".XLS"]::after, .legacy li a[href$=".xlsx"]::after, .legacy li a[href$=".XLSX"]::after, .legacy .link a[href$=".xls"]::after, .legacy .link a[href$=".XLS"]::after, .legacy .link a[href$=".xlsx"]::after, .legacy .link a[href$=".XLSX"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xls"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLS"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".xlsx"]::after, .legacy div:not(.link-btn) > a:not(.movie-list-img-link)[href$=".XLSX"]::after { background: url(../image/common/icon-xls.svg) no-repeat; background-size: contain; } .legacy .contact-box { margin-bottom: 2rem; } .legacy .contact-box dl:last-of-type { padding-bottom: 2rem; } .legacy .contact-box dl:last-child { padding-bottom: 0; } .legacy .contact-box dl:not(:last-child)::after { content: ""; display: block; width: 100%; height: 0.2rem; background: linear-gradient(to right, #bbb 0, #bbb 0.2rem, transparent 0.2rem, transparent 0.6rem) repeat-x; background-size: 0.6rem 0.2rem; position: absolute; bottom: 0; left: 0; } .legacy .contact-box dl + p { margin-top: 0; } .legacy .contact-box dt { line-height: 1.41em; } .legacy .contact-box dd { line-height: 1.5625; line-height: 1.41em; } .legacy .contact-box a { color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .legacy .contact-box a:focus-visible { text-decoration: none; } @media (hover: hover) { .legacy .contact-box a:hover { text-decoration: none; } } @media (hover: none) { .legacy .contact-box a:active { text-decoration: none; } } .legacy .contact-box a:focus-visible { color: #cb2c00; } @media (hover: hover) { .legacy .contact-box a:hover { color: #cb2c00; } } @media (hover: none) { .legacy .contact-box a:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .legacy .contact-box a:focus-visible { outline: auto; } } .legacy .contact-box a[target=_blank]::after { content: ""; background: url(../image/common/icon-out.svg) no-repeat; background-size: contain; } @media screen and (min-width: 835px), print { .legacy .contact-box a[target=_blank]::after { width: 1.5rem; height: 1.5rem; margin-bottom: -0.2rem; } } @media screen and (max-width: 834px) { .legacy .contact-box a[target=_blank]::after { width: 1.2rem; height: 1.2rem; margin-bottom: -0.1rem; } } .legacy .contact-box a[href$=".pdf"]::after, .legacy .contact-box a[href$=".PDF"]::after, .legacy .contact-box a[href$=".doc"]::after, .legacy .contact-box a[href$=".DOC"]::after, .legacy .contact-box a[href$=".docx"]::after, .legacy .contact-box a[href$=".DOCX"]::after, .legacy .contact-box a[href$=".odt"]::after, .legacy .contact-box a[href$=".ODT"]::after, .legacy .contact-box a[href$=".xls"]::after, .legacy .contact-box a[href$=".XLS"]::after, .legacy .contact-box a[href$=".xlsx"]::after, .legacy .contact-box a[href$=".XLSX"]::after, .legacy .contact-box a[href$=".zip"]::after, .legacy .contact-box a[href$=".ZIP"]::after { content: ""; } @media screen and (min-width: 835px), print { .legacy .contact-box a[href$=".pdf"]::after, .legacy .contact-box a[href$=".PDF"]::after, .legacy .contact-box a[href$=".doc"]::after, .legacy .contact-box a[href$=".DOC"]::after, .legacy .contact-box a[href$=".docx"]::after, .legacy .contact-box a[href$=".DOCX"]::after, .legacy .contact-box a[href$=".odt"]::after, .legacy .contact-box a[href$=".ODT"]::after, .legacy .contact-box a[href$=".xls"]::after, .legacy .contact-box a[href$=".XLS"]::after, .legacy .contact-box a[href$=".xlsx"]::after, .legacy .contact-box a[href$=".XLSX"]::after, .legacy .contact-box a[href$=".zip"]::after, .legacy .contact-box a[href$=".ZIP"]::after { width: 1.5rem; height: 1.5rem; margin-bottom: -0.2rem; } } @media screen and (max-width: 834px) { .legacy .contact-box a[href$=".pdf"]::after, .legacy .contact-box a[href$=".PDF"]::after, .legacy .contact-box a[href$=".doc"]::after, .legacy .contact-box a[href$=".DOC"]::after, .legacy .contact-box a[href$=".docx"]::after, .legacy .contact-box a[href$=".DOCX"]::after, .legacy .contact-box a[href$=".odt"]::after, .legacy .contact-box a[href$=".ODT"]::after, .legacy .contact-box a[href$=".xls"]::after, .legacy .contact-box a[href$=".XLS"]::after, .legacy .contact-box a[href$=".xlsx"]::after, .legacy .contact-box a[href$=".XLSX"]::after, .legacy .contact-box a[href$=".zip"]::after, .legacy .contact-box a[href$=".ZIP"]::after { width: 1.2rem; height: 1.2rem; margin-bottom: -0.1rem; } } .legacy .contact-box a[href$=".pdf"]::after, .legacy .contact-box a[href$=".PDF"]::after { background: url(../image/common/icon-pdf.svg) no-repeat; background-size: contain; } .legacy .contact-box a[href$=".zip"]::after, .legacy .contact-box a[href$=".ZIP"]::after { background: url(../image/common/icon-zip.svg) no-repeat; background-size: contain; } .legacy .contact-box a[href$=".doc"]::after, .legacy .contact-box a[href$=".DOC"]::after, .legacy .contact-box a[href$=".docx"]::after, .legacy .contact-box a[href$=".DOCX"]::after, .legacy .contact-box a[href$=".odt"]::after, .legacy .contact-box a[href$=".ODT"]::after { background: url(../image/common/icon-doc.svg) no-repeat; background-size: contain; } .legacy .contact-box a[href$=".xls"]::after, .legacy .contact-box a[href$=".XLS"]::after, .legacy .contact-box a[href$=".xlsx"]::after, .legacy .contact-box a[href$=".XLSX"]::after { background: url(../image/common/icon-xls.svg) no-repeat; background-size: contain; } .legacy .contact-box .contact-box { border: none; } @media screen and (min-width: 835px), print { .legacy .contact-box.event-cont dl dt { width: 20%; } } .legacy .inquire-box { background: #f6f6f6; } @media screen and (min-width: 835px), print { .legacy .inquire-box { margin-top: 3rem; padding: 3rem; } } @media screen and (max-width: 834px) { .legacy .inquire-box { margin-top: 1.5rem; padding: 2rem; } } .legacy .inquire-box h2 { padding: 0; background: none; } @media screen and (max-width: 834px) { .legacy .inquire-box h2 { font-size: 1.6rem; } } @media screen and (min-width: 835px), print { .legacy .inquire-box h2 { font-size: 2rem; } } .legacy .inquire-box h2::before { content: none; } .legacy .inquire-box .res-columns.column2 { flex-direction: column; gap: 1rem; } .legacy .inquire-box .res-columns.column2 .column-item { width: 100%; line-height: 1.5625; } .legacy .inquire-box .res-columns.column2 .column-item a { color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .legacy .inquire-box .res-columns.column2 .column-item a:focus-visible { text-decoration: none; } @media (hover: hover) { .legacy .inquire-box .res-columns.column2 .column-item a:hover { text-decoration: none; } } @media (hover: none) { .legacy .inquire-box .res-columns.column2 .column-item a:active { text-decoration: none; } } .legacy .inquire-box .res-columns.column2 .column-item a:focus-visible { color: #cb2c00; } @media (hover: hover) { .legacy .inquire-box .res-columns.column2 .column-item a:hover { color: #cb2c00; } } @media (hover: none) { .legacy .inquire-box .res-columns.column2 .column-item a:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .legacy .inquire-box .res-columns.column2 .column-item a:focus-visible { outline: auto; } } .legacy .training-cali-cont { margin-bottom: 0; padding-left: 5rem; position: relative; } .legacy .training-cali-cont .title { left: 0; position: absolute; top: 0; } .legacy .training-cali-cont ul > li::before { width: 1em; content: "・"; } .legacy .page-link-box .look.h4 { background: none; font-weight: 700; line-height: 1.4; position: relative; } @media screen and (min-width: 835px), print { .legacy .page-link-box .look.h4 { margin-top: 3rem; padding: 0 0 0 1.8rem; font-size: 2rem; } } @media screen and (max-width: 834px) { .legacy .page-link-box .look.h4 { margin-top: 1.5rem; padding: 0 0 0 1rem; font-size: 1.6rem; } } .legacy .page-link-box .look.h4 + .page-link-list { margin-top: 1.6rem; } .legacy .page-link-box .look.h4::before { content: ""; display: block; background: #cb2c00; position: absolute; left: 0; top: 50%; } @media screen and (min-width: 835px), print { .legacy .page-link-box .look.h4::before { width: 0.5rem; height: 2rem; transform: translateY(-0.9rem); } } @media screen and (max-width: 834px) { .legacy .page-link-box .look.h4::before { width: 0.3rem; height: 1.6rem; transform: translateY(-0.7rem); } } .legacy .page-link-list { display: flex; flex-wrap: wrap; } @media screen and (min-width: 835px), print { .legacy .page-link-list { gap: 1.4rem 2.4rem; margin: 3rem 0; } } @media screen and (max-width: 834px) { .legacy .page-link-list { gap: 1.4rem 1.5rem; margin: 1.5rem 0; } } .legacy .page-link-list li a { display: inline-block; font-weight: 700; line-height: 1.375; position: relative; transition-duration: 300ms; } .legacy .page-link-list li a:focus-visible { text-decoration: underline; } @media (hover: hover) { .legacy .page-link-list li a:hover { text-decoration: underline; } } @media (hover: none) { .legacy .page-link-list li a:active { text-decoration: underline; } } .legacy .page-link-list li a:focus-visible { color: #cb2c00; } @media (hover: hover) { .legacy .page-link-list li a:hover { color: #cb2c00; } } @media (hover: none) { .legacy .page-link-list li a:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .legacy .page-link-list li a { padding-left: 2.3rem; } .legacy .page-link-list li a:focus-visible { outline: auto; } } @media screen and (max-width: 834px) { .legacy .page-link-list li a { padding-left: 2rem; } } .legacy .page-link-list li a::before { content: ""; display: block; background: #cb2c00; position: absolute; top: calc(50% - 0.8rem); left: 0; } @media screen and (min-width: 835px), print { .legacy .page-link-list li a::before { width: 1.6rem; height: 1.6rem; } } @media screen and (max-width: 834px) { .legacy .page-link-list li a::before { width: 1.4rem; height: 1.4rem; } } .legacy .page-link-list li a::after { content: ""; display: block; width: 0.6rem; height: 0.6rem; border-top: 0.2rem solid #fff; border-right: 0.2rem solid #fff; transform: rotate(135deg); position: absolute; margin: auto; } @media screen and (min-width: 835px), print { .legacy .page-link-list li a::after { top: calc(50% - 0.4rem); left: 0.5rem; } } @media screen and (max-width: 834px) { .legacy .page-link-list li a::after { top: calc(50% - 0.5rem); left: 0.4rem; } } .legacy .page-link-back { display: flex; justify-content: flex-end; } .legacy .page-link-back a { display: inline-block; font-weight: 700; line-height: 1.375; position: relative; transition-duration: 300ms; } .legacy .page-link-back a:focus-visible { text-decoration: underline; } @media (hover: hover) { .legacy .page-link-back a:hover { text-decoration: underline; } } @media (hover: none) { .legacy .page-link-back a:active { text-decoration: underline; } } .legacy .page-link-back a:focus-visible { color: #cb2c00; } @media (hover: hover) { .legacy .page-link-back a:hover { color: #cb2c00; } } @media (hover: none) { .legacy .page-link-back a:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .legacy .page-link-back a { margin-top: 2rem; padding-left: 2.6rem; transition: color 300ms; } .legacy .page-link-back a:focus-visible { outline: auto; } } @media screen and (max-width: 834px) { .legacy .page-link-back a { margin-top: 1.6rem; padding-left: 2.2rem; } } .legacy .page-link-back a::before { content: ""; display: block; background: #cb2c00; position: absolute; top: calc(50% - 0.6rem); left: 0; } @media screen and (min-width: 835px), print { .legacy .page-link-back a::before { width: 1.6rem; height: 1.6rem; } } @media screen and (max-width: 834px) { .legacy .page-link-back a::before { width: 1.4rem; height: 1.4rem; } } .legacy .page-link-back a::after { content: ""; display: block; width: 0.6rem; height: 0.6rem; border-top: 0.2rem solid #fff; border-right: 0.2rem solid #fff; transform: rotate(-45deg); position: absolute; margin: auto; } @media screen and (min-width: 835px), print { .legacy .page-link-back a::after { top: 50%; left: 0.5rem; } } @media screen and (max-width: 834px) { .legacy .page-link-back a::after { top: calc(50% - 0.1rem); left: 0.4rem; } } .legacy .res-columns.column2 { max-width: 88rem; margin-left: auto; margin-right: auto; } @media screen and (min-width: 835px), print { .legacy .res-columns.column2 { flex-direction: row; flex-wrap: wrap; gap: 4rem 3.2rem; } .legacy .res-columns.column2 .column-item { width: calc((100% - 3.2rem) / 2); } } .legacy .res-columns.column3 { max-width: 88rem; margin-left: auto; margin-right: auto; } @media screen and (max-width: 834px) { .legacy .res-columns.column3 { align-items: center; } } @media screen and (min-width: 835px), print { .legacy .res-columns.column3 { flex-direction: row; flex-wrap: wrap; gap: 4rem 2rem; } } @media screen and (min-width: 835px), print { .legacy .res-columns.column3 .column-item { width: calc(33.33% - 16px); } } .legacy .clearfix:after { content: ""; display: table; clear: both; } @media screen and (max-width: 834px) { .legacy figure.res-fl, .legacy figure.res-fr, .legacy figure.res-center { display: block; margin: 1.5rem auto 0; text-align: center; width: 100% !important; } } .legacy figure.res-center, .legacy figure.center { text-align: center; } @media screen and (min-width: 835px), print { .legacy figure.res-center, .legacy figure.center { margin-top: 3rem; } } @media screen and (max-width: 834px) { .legacy figure.res-center, .legacy figure.center { margin-top: 1.5rem; } } @media screen and (min-width: 835px), print { .legacy figure.res-fr, .legacy figure.fr { margin: 0 0 1.8rem 2.4rem; } } @media screen and (min-width: 835px), print { .legacy .fr, .legacy .res-fr { float: right !important; } } .legacy .sns-date .date { display: flex; flex-direction: column; align-items: flex-end; } .legacy table:not([class]) { margin-top: 3rem; border-bottom: 1px solid #bbb; } .legacy table:not([class]) tr > *:first-child { border-left: 1px solid #bbb; } .legacy table:not([class]) th, .legacy table:not([class]) td { vertical-align: middle; border-top: 1px solid #bbb; border-right: 1px solid #bbb; line-height: 1.5625; } .legacy table:not([class]) th > *:first-child, .legacy table:not([class]) td > *:first-child { margin-top: 0; } @media screen and (min-width: 835px), print { .legacy table:not([class]) th, .legacy table:not([class]) td { padding: 1rem; } } @media screen and (max-width: 834px) { .legacy table:not([class]) th, .legacy table:not([class]) td { padding: 0.8rem; } } .legacy table:not([class]) th { font-weight: 700; text-align: left; background: #f2f6f7; } .legacy table:not([class]) td { background: #fff; } .legacy table:not([class]) strong { font-weight: 700; color: #e90000; } .legacy table:not([class]) em { font-weight: 700; } .legacy table:not([class]) caption { font-weight: 700; text-align: left; } @media screen and (max-width: 834px) { .legacy table:not([class]) caption { margin-bottom: 1.2rem; font-size: 1.5rem; } } @media screen and (min-width: 835px), print { .legacy table:not([class]) caption { margin-bottom: 2rem; font-size: 1.8rem; } } .legacy .res-table { margin-top: 3rem; width: 100%; table-layout: fixed; border-bottom: 1px solid #bbb; } .legacy .res-table col { display: block; width: 100%; } @media screen and (min-width: 835px), print { .legacy .res-table tr > *:first-child { border-left: 1px solid #bbb; } } .legacy .res-table th, .legacy .res-table td { vertical-align: middle; border-top: 1px solid #bbb; border-right: 1px solid #bbb; line-height: 1.5625; } .legacy .res-table th > *:first-child, .legacy .res-table td > *:first-child { margin-top: 0; } @media screen and (max-width: 834px) { .legacy .res-table th, .legacy .res-table td { display: block; width: 100%; border-left: 1px solid #bbb; } } @media screen and (min-width: 835px), print { .legacy .res-table th, .legacy .res-table td { padding: 1rem; } } @media screen and (max-width: 834px) { .legacy .res-table th, .legacy .res-table td { padding: 0.8rem; } } .legacy .res-table th { font-weight: 700; text-align: left; background: #f2f6f7; } @media screen and (min-width: 835px), print { .legacy .res-table th { width: 25.22%; max-width: 300px; } } .legacy .res-table td { background: #fff; } .legacy .res-table strong { font-weight: 700; color: #e90000; } .legacy .res-table em { font-weight: 700; } .legacy .res-table caption { font-weight: 700; text-align: left; } @media screen and (max-width: 834px) { .legacy .res-table caption { margin-bottom: 1.2rem; font-size: 1.5rem; } } @media screen and (min-width: 835px), print { .legacy .res-table caption { margin-bottom: 2rem; font-size: 1.8rem; } } .legacy .definition dd { line-height: 1.5625; } .legacy .link-list-inline-block, .legacy .res-columns.nonmargin.column5 { margin: 2rem 0 4rem; display: flex; flex-wrap: wrap; } @media screen and (max-width: 834px) { .legacy .link-list-inline-block, .legacy .res-columns.nonmargin.column5 { gap: 2rem; } } @media screen and (min-width: 835px), print { .legacy .link-list-inline-block, .legacy .res-columns.nonmargin.column5 { gap: 3rem; } } .legacy .link-list-inline-block li, .legacy .link-list-inline-block .column-item, .legacy .res-columns.nonmargin.column5 li, .legacy .res-columns.nonmargin.column5 .column-item { display: flex; justify-content: center; } @media screen and (max-width: 834px) { .legacy .link-list-inline-block li, .legacy .link-list-inline-block .column-item, .legacy .res-columns.nonmargin.column5 li, .legacy .res-columns.nonmargin.column5 .column-item { width: calc((100% - 2rem) / 2); } } @media screen and (min-width: 835px), print { .legacy .link-list-inline-block li, .legacy .link-list-inline-block .column-item, .legacy .res-columns.nonmargin.column5 li, .legacy .res-columns.nonmargin.column5 .column-item { width: 19.3rem; } } .legacy .link-list-inline-block li a, .legacy .link-list-inline-block .column-item a, .legacy .res-columns.nonmargin.column5 li a, .legacy .res-columns.nonmargin.column5 .column-item a { border: 0.1rem solid #cb2c00; font-weight: bold; padding: 1.7rem 0; display: block; width: 100%; text-align: center; transition-duration: 300ms; text-decoration: underline; } .legacy .link-list-inline-block li a:focus-visible, .legacy .link-list-inline-block .column-item a:focus-visible, .legacy .res-columns.nonmargin.column5 li a:focus-visible, .legacy .res-columns.nonmargin.column5 .column-item a:focus-visible { text-decoration: none; } @media (hover: hover) { .legacy .link-list-inline-block li a:hover, .legacy .link-list-inline-block .column-item a:hover, .legacy .res-columns.nonmargin.column5 li a:hover, .legacy .res-columns.nonmargin.column5 .column-item a:hover { text-decoration: none; } } @media (hover: none) { .legacy .link-list-inline-block li a:active, .legacy .link-list-inline-block .column-item a:active, .legacy .res-columns.nonmargin.column5 li a:active, .legacy .res-columns.nonmargin.column5 .column-item a:active { text-decoration: none; } } .legacy .link-list-inline-block li a:focus-visible, .legacy .link-list-inline-block .column-item a:focus-visible, .legacy .res-columns.nonmargin.column5 li a:focus-visible, .legacy .res-columns.nonmargin.column5 .column-item a:focus-visible { border-color: #14399e; background-color: #14399e; color: #fff; } @media (hover: hover) { .legacy .link-list-inline-block li a:hover, .legacy .link-list-inline-block .column-item a:hover, .legacy .res-columns.nonmargin.column5 li a:hover, .legacy .res-columns.nonmargin.column5 .column-item a:hover { border-color: #14399e; background-color: #14399e; color: #fff; } } @media (hover: none) { .legacy .link-list-inline-block li a:active, .legacy .link-list-inline-block .column-item a:active, .legacy .res-columns.nonmargin.column5 li a:active, .legacy .res-columns.nonmargin.column5 .column-item a:active { border-color: #14399e; background-color: #14399e; color: #fff; } } .legacy .news-cont ul { display: flex; flex-direction: column; gap: 2rem; } .legacy .news-cont ul li { padding-left: 0; padding-bottom: 2rem; border-bottom: solid #bbb; } @media screen and (max-width: 834px) { .legacy .news-cont ul li { border-width: 0.05rem; display: block; margin-top: 0; } } @media screen and (min-width: 835px), print { .legacy .news-cont ul li { border-width: 0.1rem; display: grid; grid-template-columns: 13.2rem 1fr; gap: 2rem; } } .legacy .news-cont ul li::before { content: none; } .legacy .news-cont ul li a { color: #333; } .legacy .news-cont ul li .date { font-size: 1.4rem; font-weight: 500; white-space: nowrap; } @media screen and (max-width: 834px) { .legacy .news-cont ul li .date { margin-bottom: 1rem; } } @media screen and (min-width: 835px), print { .legacy .news-cont ul li .date { font-size: 1.6rem; width: 13rem; } } .legacy .news-cont ul li p { margin-top: 0; font-weight: 500; } @media screen and (max-width: 834px) { .legacy .news-cont ul li p { line-height: 1.5714285714; } } @media screen and (min-width: 835px), print { .legacy .news-cont ul li p { line-height: 1.5625; } } .legacy .institute-training { border-bottom: 1px solid #bbb; margin-top: 0; padding: 2rem 0; } @media screen and (max-width: 834px) { .legacy .institute-training { display: flex; flex-direction: column; } } @media screen and (min-width: 835px), print { .legacy .institute-training { padding-left: 16.2rem; position: relative; } } .legacy .institute-training .look.h3 { padding: 0; background: none; font-size: 1.6rem; font-weight: bold; color: #cb2c00; display: inline-block; margin-bottom: 1rem; line-height: 1.5; transition-duration: 300ms; } .legacy .institute-training .look.h3:focus-visible { text-decoration: underline; } @media (hover: hover) { .legacy .institute-training .look.h3:hover { text-decoration: underline; } } @media (hover: none) { .legacy .institute-training .look.h3:active { text-decoration: underline; } } @media screen and (max-width: 834px) { .legacy .institute-training .look.h3 { order: 2; margin-top: 1.5rem; } } .legacy .institute-training .look.h3::before { content: none; } .legacy .institute-training .look.h3 br { display: none; } .legacy .institute-training .status { font-weight: 500; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 834px) { .legacy .institute-training .status { order: 1; width: 100%; font-size: 1.3rem; height: 4rem; } } @media screen and (min-width: 835px), print { .legacy .institute-training .status { width: 14.2rem; height: 3.2rem; font-size: 1.4rem; position: absolute; top: 2rem; left: 0; } } .legacy .institute-training .status.accepting { background: #dff3ff; border: solid 1px #6c9fcc; color: #0056a1; } .legacy .institute-training .status.capacity { background: #fffed8; border: solid 1px #e6e375; color: #77742b; } .legacy .institute-training .status.waiting { background: #ffecec; border: solid 1px #f58383; color: #d50000; } .legacy .institute-training .status.over { background: #ffebfc; border: solid 1px #ff84ed; color: #c4007c; } .legacy .institute-training .institute-training-list li { line-height: 1.5; display: flex; margin-bottom: 0.5rem; } .legacy .institute-training .institute-training-list li:last-of-type { margin-bottom: 0; } .legacy .institute-training .institute-training-list li span { width: 16.5rem; padding-right: 1.5rem; font-weight: bold; position: relative; flex-shrink: 0; } @media screen and (max-width: 834px) { .legacy .institute-training .institute-training-list li span { width: 13.2rem; } } .legacy .institute-training .institute-training-list li span::before { content: "："; position: absolute; right: 0; font-weight: 400; } .legacy .institute-training .institute-training-list li br { display: none; } @media screen and (max-width: 834px) { .legacy .institute-training .institute-training-list { order: 3; } } .legacy .institute-training-list li { line-height: 1.5; margin-bottom: 0.5rem; padding-left: 9rem; position: relative; } .legacy .institute-training-list li:last-of-type { margin-bottom: 0; } .legacy .institute-training-list li * { margin-top: 0; } .legacy .institute-training-list li p { margin-bottom: 1rem; } .legacy .institute-training-list li span { padding-right: 1.5rem; font-weight: bold; position: relative; flex-shrink: 0; position: absolute; left: 0; } .legacy .institute-training-list li span::before { content: "："; position: absolute; right: 0; font-weight: 400; } .legacy .institute-training-list li br { display: none; } @media screen and (max-width: 834px) { .legacy .institute-training-list { order: 3; } } .legacy .training-state { height: 4rem; font-size: 1.4rem; font-weight: 500; letter-spacing: 0.04em; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 834px) { .legacy .training-state { margin-top: 1.3rem; } } @media screen and (min-width: 835px), print { .legacy .training-state { margin-top: 3rem; } } .legacy .training-state.accepting { background: #dff3ff; border: solid 1px #6c9fcc; color: #0056a1; } .legacy .training-state.capacity { background: #fffed8; border: solid 1px #e6e375; color: #77742b; } .legacy .training-state.waiting { background: #ffecec; border: solid 1px #f58383; color: #d50000; } .legacy .training-state.over { background: #ffebfc; border: solid 1px #ff84ed; color: #c4007c; } .legacy .training-box { border: none; } @media screen and (min-width: 835px), print { .legacy .training-box dt { width: 26.8rem !important; } } .legacy .training-box dd { line-height: 1.5625; } .legacy .training-box a { color: #14399e; text-decoration: underline; transition-duration: 300ms; text-decoration: underline; } .legacy .training-box a:focus-visible { text-decoration: none; } @media (hover: hover) { .legacy .training-box a:hover { text-decoration: none; } } @media (hover: none) { .legacy .training-box a:active { text-decoration: none; } } .legacy .training-box a:focus-visible { color: #cb2c00; } @media (hover: hover) { .legacy .training-box a:hover { color: #cb2c00; } } @media (hover: none) { .legacy .training-box a:active { color: #cb2c00; } } @media screen and (min-width: 835px), print { .legacy .training-box a:focus-visible { outline: auto; } } .legacy .training-box a[target=_blank]::after { content: ""; background: url(../image/common/icon-out.svg) no-repeat; background-size: contain; } @media screen and (min-width: 835px), print { .legacy .training-box a[target=_blank]::after { width: 1.5rem; height: 1.5rem; margin-bottom: -0.2rem; } } @media screen and (max-width: 834px) { .legacy .training-box a[target=_blank]::after { width: 1.2rem; height: 1.2rem; margin-bottom: -0.1rem; } } .legacy .training-box a[href$=".pdf"]::after, .legacy .training-box a[href$=".PDF"]::after, .legacy .training-box a[href$=".doc"]::after, .legacy .training-box a[href$=".DOC"]::after, .legacy .training-box a[href$=".docx"]::after, .legacy .training-box a[href$=".DOCX"]::after, .legacy .training-box a[href$=".odt"]::after, .legacy .training-box a[href$=".ODT"]::after, .legacy .training-box a[href$=".xls"]::after, .legacy .training-box a[href$=".XLS"]::after, .legacy .training-box a[href$=".xlsx"]::after, .legacy .training-box a[href$=".XLSX"]::after, .legacy .training-box a[href$=".zip"]::after, .legacy .training-box a[href$=".ZIP"]::after { content: ""; } @media screen and (min-width: 835px), print { .legacy .training-box a[href$=".pdf"]::after, .legacy .training-box a[href$=".PDF"]::after, .legacy .training-box a[href$=".doc"]::after, .legacy .training-box a[href$=".DOC"]::after, .legacy .training-box a[href$=".docx"]::after, .legacy .training-box a[href$=".DOCX"]::after, .legacy .training-box a[href$=".odt"]::after, .legacy .training-box a[href$=".ODT"]::after, .legacy .training-box a[href$=".xls"]::after, .legacy .training-box a[href$=".XLS"]::after, .legacy .training-box a[href$=".xlsx"]::after, .legacy .training-box a[href$=".XLSX"]::after, .legacy .training-box a[href$=".zip"]::after, .legacy .training-box a[href$=".ZIP"]::after { width: 1.5rem; height: 1.5rem; margin-bottom: -0.2rem; } } @media screen and (max-width: 834px) { .legacy .training-box a[href$=".pdf"]::after, .legacy .training-box a[href$=".PDF"]::after, .legacy .training-box a[href$=".doc"]::after, .legacy .training-box a[href$=".DOC"]::after, .legacy .training-box a[href$=".docx"]::after, .legacy .training-box a[href$=".DOCX"]::after, .legacy .training-box a[href$=".odt"]::after, .legacy .training-box a[href$=".ODT"]::after, .legacy .training-box a[href$=".xls"]::after, .legacy .training-box a[href$=".XLS"]::after, .legacy .training-box a[href$=".xlsx"]::after, .legacy .training-box a[href$=".XLSX"]::after, .legacy .training-box a[href$=".zip"]::after, .legacy .training-box a[href$=".ZIP"]::after { width: 1.2rem; height: 1.2rem; margin-bottom: -0.1rem; } } .legacy .training-box a[href$=".pdf"]::after, .legacy .training-box a[href$=".PDF"]::after { background: url(../image/common/icon-pdf.svg) no-repeat; background-size: contain; } .legacy .training-box a[href$=".zip"]::after, .legacy .training-box a[href$=".ZIP"]::after { background: url(../image/common/icon-zip.svg) no-repeat; background-size: contain; } .legacy .training-box a[href$=".doc"]::after, .legacy .training-box a[href$=".DOC"]::after, .legacy .training-box a[href$=".docx"]::after, .legacy .training-box a[href$=".DOCX"]::after, .legacy .training-box a[href$=".odt"]::after, .legacy .training-box a[href$=".ODT"]::after { background: url(../image/common/icon-doc.svg) no-repeat; background-size: contain; } .legacy .training-box a[href$=".xls"]::after, .legacy .training-box a[href$=".XLS"]::after, .legacy .training-box a[href$=".xlsx"]::after, .legacy .training-box a[href$=".XLSX"]::after { background: url(../image/common/icon-xls.svg) no-repeat; background-size: contain; } @media screen and (max-width: 834px) { .legacy .link-btn { margin-top: 1.6rem; } } @media screen and (min-width: 835px), print { .legacy .link-btn { margin-top: 3rem; } } .legacy .link-btn a[target=_blank]::after { background: none; } .legacy .link-btn a[target=_blank] span::after { content: ""; background: url(../image/common/icon-out.svg) no-repeat; background-size: contain; } @media screen and (min-width: 835px), print { .legacy .link-btn a[target=_blank] span::after { width: 1.5rem; height: 1.5rem; margin-bottom: -0.2rem; } } @media screen and (max-width: 834px) { .legacy .link-btn a[target=_blank] span::after { width: 1.2rem; height: 1.2rem; margin-bottom: -0.1rem; } } .legacy .link-btn a[href$=".pdf"] span::after, .legacy .link-btn a[href$=".PDF"] span::after, .legacy .link-btn a[href$=".doc"] span::after, .legacy .link-btn a[href$=".DOC"] span::after, .legacy .link-btn a[href$=".docx"] span::after, .legacy .link-btn a[href$=".DOCX"] span::after, .legacy .link-btn a[href$=".odt"] span::after, .legacy .link-btn a[href$=".ODT"] span::after, .legacy .link-btn a[href$=".xls"] span::after, .legacy .link-btn a[href$=".XLS"] span::after, .legacy .link-btn a[href$=".xlsx"] span::after, .legacy .link-btn a[href$=".XLSX"] span::after, .legacy .link-btn a[href$=".zip"] span::after, .legacy .link-btn a[href$=".ZIP"] span::after { content: ""; } @media screen and (min-width: 835px), print { .legacy .link-btn a[href$=".pdf"] span::after, .legacy .link-btn a[href$=".PDF"] span::after, .legacy .link-btn a[href$=".doc"] span::after, .legacy .link-btn a[href$=".DOC"] span::after, .legacy .link-btn a[href$=".docx"] span::after, .legacy .link-btn a[href$=".DOCX"] span::after, .legacy .link-btn a[href$=".odt"] span::after, .legacy .link-btn a[href$=".ODT"] span::after, .legacy .link-btn a[href$=".xls"] span::after, .legacy .link-btn a[href$=".XLS"] span::after, .legacy .link-btn a[href$=".xlsx"] span::after, .legacy .link-btn a[href$=".XLSX"] span::after, .legacy .link-btn a[href$=".zip"] span::after, .legacy .link-btn a[href$=".ZIP"] span::after { width: 1.5rem; height: 1.5rem; margin-bottom: -0.2rem; } } @media screen and (max-width: 834px) { .legacy .link-btn a[href$=".pdf"] span::after, .legacy .link-btn a[href$=".PDF"] span::after, .legacy .link-btn a[href$=".doc"] span::after, .legacy .link-btn a[href$=".DOC"] span::after, .legacy .link-btn a[href$=".docx"] span::after, .legacy .link-btn a[href$=".DOCX"] span::after, .legacy .link-btn a[href$=".odt"] span::after, .legacy .link-btn a[href$=".ODT"] span::after, .legacy .link-btn a[href$=".xls"] span::after, .legacy .link-btn a[href$=".XLS"] span::after, .legacy .link-btn a[href$=".xlsx"] span::after, .legacy .link-btn a[href$=".XLSX"] span::after, .legacy .link-btn a[href$=".zip"] span::after, .legacy .link-btn a[href$=".ZIP"] span::after { width: 1.2rem; height: 1.2rem; margin-bottom: -0.1rem; } } .legacy .link-btn a[href$=".pdf"] span::after, .legacy .link-btn a[href$=".PDF"] span::after { background: url(../image/common/icon-pdf.svg) no-repeat; background-size: contain; } .legacy .link-btn a[href$=".zip"] span::after, .legacy .link-btn a[href$=".ZIP"] span::after { background: url(../image/common/icon-zip.svg) no-repeat; background-size: contain; } .legacy .link-btn a[href$=".doc"] span::after, .legacy .link-btn a[href$=".DOC"] span::after, .legacy .link-btn a[href$=".docx"] span::after, .legacy .link-btn a[href$=".DOCX"] span::after, .legacy .link-btn a[href$=".odt"] span::after, .legacy .link-btn a[href$=".ODT"] span::after { background: url(../image/common/icon-doc.svg) no-repeat; background-size: contain; } .legacy .link-btn a[href$=".xls"] span::after, .legacy .link-btn a[href$=".XLS"] span::after, .legacy .link-btn a[href$=".xlsx"] span::after, .legacy .link-btn a[href$=".XLSX"] span::after { background: url(../image/common/icon-xls.svg) no-repeat; background-size: contain; } .legacy .res-columns.column2.ratio3to1.training-cali { margin: 0; padding: 2rem 0; } .legacy .res-columns.column2.ratio3to1.training-cali .column-item { display: block; } @media screen and (max-width: 834px) { .legacy .res-columns.column2.ratio3to1.training-cali .column-item { width: 100% !important; } } .legacy .res-columns.column2.ratio3to1.training-cali .column-item h2, .legacy .res-columns.column2.ratio3to1.training-cali .column-item h3, .legacy .res-columns.column2.ratio3to1.training-cali .column-item h4, .legacy .res-columns.column2.ratio3to1.training-cali .column-item h5 { margin-bottom: 0; } @media screen and (min-width: 835px), print { .legacy .res-columns.column2.ratio3to1.training-cali .column-item:first-of-type { width: 26.8rem !important; } } .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) { line-height: 1.5625; } .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) .look.h5 { padding-left: 0; } .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) .look.h5::before { content: none; } .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) ul li { width: 100%; justify-content: flex-start; } .legacy .res-columns.column2.ratio3to1.training-cali .column-item:nth-of-type(2) .title + p { display: inline; } .legacy .res-columns.column2.ratio3to1.training-cali:last-of-type + hr, .legacy .clearfix + hr { border: none; border-top: 1px dotted #ccc9a3; display: block; height: 1px; margin: 1em 0; padding: 0; } @media screen and (min-width: 835px), print { .legacy section section.clearfix { margin: 0 0 4.8rem 0; } } @media screen and (max-width: 834px) { .legacy section section.clearfix { margin: 0 0 3.2rem 0; } } .legacy .clearfix .training-teacher-name .txtBold { color: #333; padding-left: 0; } .legacy .clearfix .training-teacher-name .txtBold::before { display: none; } .legacy .training-teacher-name .txtBold { color: #cb2c00; position: relative; } @media screen and (max-width: 834px) { .legacy .training-teacher-name .txtBold { padding-left: 2.4rem; font-size: 1.6rem; } } @media screen and (min-width: 835px), print { .legacy .training-teacher-name .txtBold { padding-left: 2rem; font-size: 1.8rem; } } .legacy .training-teacher-name .txtBold::before { content: ""; display: block; width: 1.2rem; height: 1.2rem; position: absolute; top: 0.7rem; left: 0; background: linear-gradient(135deg, #333 0%, #333 50%, #cb2c00 50%, #cb2c00 100%); } .legacy .news-cont-sol table { width: 100%; border: none; } .legacy .news-cont-sol table thead { display: none; } .legacy .news-cont-sol table tbody th, .legacy .news-cont-sol table tbody td { border: none; padding: 0; } .legacy .news-cont-sol table tbody tr > *:first-child { border-left: none; } .legacy .news-cont-sol table tbody th { background: none; } .legacy .news-cont-sol table tbody tr:not([class]) { display: flex; flex-direction: column-reverse; margin-top: 1.5rem; padding-top: 2rem; border-top: 0.1rem solid #bbb; } .legacy .news-cont-sol table tbody tr:not([class]):first-child { margin-top: 0; border-top: none; } .legacy .news-cont-sol table tbody tr:not([class]) .link a { text-decoration: underline; margin-bottom: 1rem; display: inline-block; line-height: 1.5; transition-duration: 300ms; text-decoration: underline; } .legacy .news-cont-sol table tbody tr:not([class]) .link a:focus-visible { text-decoration: none; } @media (hover: hover) { .legacy .news-cont-sol table tbody tr:not([class]) .link a:hover { text-decoration: none; } } @media (hover: none) { .legacy .news-cont-sol table tbody tr:not([class]) .link a:active { text-decoration: none; } } .legacy .news-cont-sol table tbody tr:not([class]) .link a:focus-visible { color: #cb2c00; } @media (hover: hover) { .legacy .news-cont-sol table tbody tr:not([class]) .link a:hover { color: #cb2c00; } } @media (hover: none) { .legacy .news-cont-sol table tbody tr:not([class]) .link a:active { color: #cb2c00; } } @media screen and (max-width: 834px) { .legacy .news-cont-sol table tbody tr:not([class]) .link a { font-weight: 500; } } .legacy .news-cont-sol table tbody tr:not([class]) .date { font-size: 1.4rem; font-weight: bold; line-height: 1.5; } @media screen and (max-width: 834px) { .legacy .news-cont-sol table tbody tr:not([class]) .date { font-weight: normal; } } @media screen and (min-width: 835px), print { .legacy .news-cont-sol table tbody tr:not([class]) .date { font-size: 1.6rem; } } .legacy .news-cont-sol table tbody tr.sol-over { display: flex; font-size: 1.4rem; font-weight: bold; line-height: 1.5; } @media screen and (max-width: 834px) { .legacy .news-cont-sol table tbody tr.sol-over { font-weight: normal; } } @media screen and (min-width: 835px), print { .legacy .news-cont-sol table tbody tr.sol-over { font-size: 1.6rem; } } .legacy .news-cont-sol table tbody tr.sol-over .date { padding-left: 0.3em; } .legacy .news-cont-sol table tbody tr:last-child { border-bottom: 0.1rem solid #bbb; padding-bottom: 1.5rem; } .legacy figure.res-fl, .legacy figure.fl { margin: 4px 24px 18px 0; } @media screen and (max-width: 834px) { .legacy figure.res-fl, .legacy figure.res-fr, .legacy figure.res-center { display: block; margin: 0 auto 16px auto; text-align: center; width: 100%; } } .legacy .fl, .legacy .res-fl { float: left; } @media screen and (max-width: 834px) { .legacy .res-fl { float: none; } } .legacy .clearfix:after { content: ""; display: table; clear: both; } .date-info + .legacy { margin-top: 5rem; } .box-o-white { background: #fff; border: 1px solid #0b0e38; box-sizing: border-box; padding: 1.2rem 1.6rem; margin: 2.4rem 0; } .box-o-white > li { list-style-type: square; } @media screen and (min-width: 835px), print { .box-o-white > li { margin-left: 2rem; } } @media screen and (max-width: 834px) { .box-o-white > li { margin-left: 1rem; } } .box-o-white > li li { list-style-type: circle; } .movie-list-img-link + h2, .movie-list-img-link + h3, .movie-list-img-link + h4, .movie-list-img-link + h5 { margin-top: 1.6rem; } /* 設定するスタイルが多ければlegacyディレクトリ内にレガシースタイル用コンポーネントに分割する */ @page { size: a4; margin: 12.7mm 9.7mm; } @media print { body { top: 0; left: 0; width: 200mm; height: 251mm; padding: 0; margin: 0; overflow: visible; -webkit-print-color-adjust: exact; size: a4 portrait; page-break-before: auto; page-break-after: auto; zoom: 0.95; } .img-list--col1, .img-list--col2, .img-list--col3, .text-img--left, .text-img--right, .card-list__item { break-inside: avoid; } main { margin-top: 0; overflow: visible; } .header { position: static; } .mainContent { margin-top: 0; } .return-pagetop, .sidebar, .search { display: none !important; } .contents { padding-right: 0; padding-left: 0; padding-bottom: 14rem; display: block; } .main { width: 100%; margin-right: 0; } table { max-width: 100%; } }/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }[data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none; width: 0; height: 0; } .simplebar-content:before, .simplebar-content:after { content: ' '; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ''; background: black; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s 0.5s linear; } .simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; transition-delay: 0s; transition-duration: 0s; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-scrollbar:before { top: 2px; bottom: 2px; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 0; bottom: 0; min-height: 0; min-width: 10px; width: auto; } /* Rtl support */ [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .simplebar-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: scrollbar !important; } .simplebar-dummy-scrollbar-size > div { width: 200%; height: 200%; margin: 10px 0; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; }