@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Kosugi+Maru&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap";
.portal-root *{box-sizing:border-box;margin:0;padding:0}.portal-root img{vertical-align:middle;shape-margin:.75rem;background-repeat:no-repeat;background-size:cover;max-width:100%;height:auto;font-style:italic}.portal-root{color:#222;background:#fff;height:100%;font-family:Noto Sans JP,Roboto,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:1rem;line-height:1.6}.portal-root .content-wrapper{flex-direction:column;min-height:100vh;display:flex}.portal-root a:link{color:#222;text-decoration:none}.portal-root a:visited{color:#222}.portal-root a:hover,.portal-root a:active,.portal-root a:focus{opacity:.7}.portal-root header{background-color:#fff;justify-content:center;align-items:center;height:6rem;padding:0 2.5rem;display:flex}@media screen and (max-width:768px){.portal-root header{height:4rem;padding:0 1rem}}.portal-root .header-container{justify-content:space-between;align-items:center;width:100%;max-width:75rem;display:flex}.portal-root .header-logo a{line-height:0;display:block}.portal-root .header-logo a .logo-img{width:auto;height:2.5rem}@media screen and (max-width:768px){.portal-root .header-logo a .logo-img{height:1.75rem}}.portal-root .header-nav ul{justify-content:space-between;gap:2rem;list-style:none;display:flex}@media screen and (max-width:1024px){.portal-root .header-nav ul{gap:1.25rem}}.portal-root .header-nav li a{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:#000;font-size:1.125rem;font-weight:600;transition:opacity .3s}.portal-root .header-nav li a.active{color:#113665;border-bottom:3px solid #113665;padding:.25rem 0;font-weight:700}@media screen and (max-width:1024px){.portal-root .header-nav li a{font-size:1.2rem}}.portal-root .hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:1.875rem;height:1.75rem;padding:0;display:none;position:relative}@media screen and (max-width:1024px){.portal-root .hamburger{display:flex!important}}.portal-root .hamburger span{background-color:#113665;border-radius:.125rem;width:100%;height:.25rem;transition:all .15s;display:block}.portal-root .hamburger.active span:first-child{transform:translateY(.75rem)rotate(45deg)}.portal-root .hamburger.active span:nth-child(2){opacity:0}.portal-root .hamburger.active span:nth-child(3){transform:translateY(-.75rem)rotate(-45deg)}.portal-root .mobile-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background-color:#f2f4f6;max-height:0;padding:0;transition:max-height .3s,padding .3s;position:absolute;inset:3.75rem 0 0;overflow:hidden}.portal-root .mobile-nav.active{max-height:25rem;padding:1.5rem 0}.portal-root .mobile-nav ul{flex-direction:column;gap:1rem;padding:1rem 0;list-style:none;display:flex}.portal-root .mobile-nav li{text-align:center;width:100%}.portal-root .mobile-nav li a{color:#222;width:60%;margin:0 auto;padding:.5rem 0;font-size:1.25rem;font-weight:500;display:block}.portal-root .mobile-nav li a.active{color:#113665;border-bottom:3px solid #113665;font-size:1.25rem;font-weight:700}.portal-root main{flex-direction:column;flex:1;display:flex}.portal-root .mainvisual{text-align:center;background:#fff;width:100%;margin:0 auto;position:relative;overflow:hidden}.portal-root .mainvisual img{width:100%;margin:0 auto}@media screen and (max-width:768px){.portal-root .mainvisual{max-width:100%}}.portal-root .sub_page{height:200px;position:relative;overflow:hidden}.portal-root .sub_page img{object-fit:cover;width:100%;height:100%}.portal-root .sub_page p{color:#113665;white-space:nowrap;margin:0;font-size:2em;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:768px){.portal-root .sub_page{height:160px}.portal-root .sub_page p{font-size:1.5rem}}.portal-root .intro{width:100%;max-width:75rem;margin:3rem auto;padding:0 2rem}@media screen and (max-width:768px){.portal-root .intro{margin:2rem auto;padding:0 1.5rem}}.portal-root .intro_text p{font-size:1.125rem}@media screen and (max-width:768px){.portal-root .intro_text p{font-size:1rem}}.portal-root .intro_image-flex{justify-content:space-between;align-items:baseline;display:flex}@media screen and (max-width:768px){.portal-root .intro_image-flex{display:block}}.portal-root .intro_image{text-align:center;margin:2rem auto 0}.portal-root .intro_image01{width:65%}.portal-root .intro_image02{width:30%}@media screen and (max-width:768px){.portal-root .intro_image01{width:100%}.portal-root .intro_image02{width:100%;max-width:300px}}.portal-root .intro_image03{margin-top:3rem}.portal-root .content-section{word-break:break-all;padding:1rem 0 3rem}@media screen and (max-width:768px){.portal-root .content-section{padding:1rem 0 3rem}}.portal-root .content-wrapper-inner{max-width:75rem;margin:0 auto;padding:0 2rem}@media screen and (max-width:768px){.portal-root .content-wrapper-inner{padding:0 1.5rem}}.portal-root .content-wrapper-inner p{color:#222;padding:1rem 0 0;font-size:1.125rem}@media screen and (max-width:768px){.portal-root .content-wrapper-inner p{font-size:1rem}}.portal-root .content-wrapper-inner p.note{font-size:.875rem}.portal-root .content-wrapper-inner p.link{font-size:1rem}.portal-root .link_cards{grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:75rem;margin:1rem auto;padding:1rem 0 0;display:grid}@media screen and (max-width:768px){.portal-root .link_cards{grid-template-columns:1fr;gap:1.5rem;padding:0}}@media screen and (max-width:480px){.portal-root .link_cards{grid-template-columns:1fr}}.portal-root .link_card{background-color:#edf4fe;border:1px solid #abcbf5;border-radius:8px;padding:1rem;font-weight:700;display:block;color:#265189!important}.portal-root .council_cards{grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:75rem;margin:1rem auto;padding:1rem 0 0;display:grid}@media screen and (max-width:768px){.portal-root .council_cards{grid-template-columns:1fr;gap:1.5rem;padding:0}}@media screen and (max-width:480px){.portal-root .council_cards{grid-template-columns:1fr}}.portal-root .council_cards02{grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;max-width:75rem;margin:1rem auto 0;display:grid}@media screen and (max-width:768px){.portal-root .council_cards02{grid-template-columns:1fr;gap:1.5rem;padding:0}}@media screen and (max-width:480px){.portal-root .council_cards02{grid-template-columns:1fr}}.portal-root .council_card{border-radius:1rem;padding:1rem;display:block}.portal-root .council_card01{border:1px solid #47a464}.portal-root .council_card01 h3{color:#47a464}.portal-root .council_card02{border:1px solid #4769a4}.portal-root .council_card02 h3{color:#4769a4}.portal-root .council_card03{border:1px solid #4769a4}.portal-root .council_card03 h3{color:#4769a4}.portal-root .council_card04{border:1px solid #e39227}.portal-root .council_card04 h3{color:#e39227}.portal-root .council_card05{border:1px solid #894ea7}.portal-root .council_card05 h3{color:#894ea7}.portal-root .use{background-color:#f2f4f6;width:100%;max-width:75rem;margin:0 auto 3rem;padding:2rem}@media screen and (max-width:768px){.portal-root .use{margin:0 auto 2rem;padding:1.5rem}}.portal-root .use-content{color:#222;padding:1rem 0 0;font-size:1.125rem}@media screen and (max-width:768px){.portal-root .use-content{font-size:1rem}}.portal-root .use-content .note{border:1px solid #ae863f;align-items:center;width:80%;margin:2rem auto 0;font-size:1rem;display:flex;padding:.5rem 2rem!important}@media screen and (max-width:768px){.portal-root .use-content .note{width:100%;font-size:.875rem}}.portal-root .use-content .note .icon{width:4%;margin-right:1rem}@media screen and (max-width:768px){.portal-root .use-content .note .icon{width:12%}}.portal-root .use-content .note .txt{width:90%}@media screen and (max-width:768px){.portal-root .use-content .note .txt{width:88%}}.portal-root p{color:#222;line-height:1.8}.portal-root .header-title{color:#1e5ba8;font-family:Noto Serif JP,serif;font-size:1.75rem;font-weight:700}@media screen and (max-width:768px){.portal-root .header-title{font-size:1.25rem}}.portal-root .header-title span img{height:2rem;margin-right:.5rem}.portal-root .cards{grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;max-width:75rem;margin:1rem auto 3rem;padding:0 0 3rem;display:grid}@media screen and (max-width:768px){.portal-root .cards{grid-template-columns:1fr;gap:1.5rem;padding:0 1.5rem}}@media screen and (max-width:480px){.portal-root .cards{grid-template-columns:1fr}}.portal-root .card{display:block}.portal-root .card:hover{opacity:.75}.portal-root footer{background:#113665;width:100%;min-height:8.75rem;margin-top:auto;padding:1.5rem}@media screen and (max-width:768px){.portal-root footer{min-height:80px}}.portal-root .footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}@media screen and (max-width:768px){.portal-root .footer-content{text-align:center;display:block}}.portal-root .footer-content .footer-logo{width:300px}@media screen and (max-width:768px){.portal-root .footer-content .footer-logo{margin:0 auto 1rem}}.portal-root .footer-nav ul{justify-content:center;gap:1.5rem;list-style:none;display:flex}@media screen and (max-width:1024px){.portal-root .footer-nav ul{gap:1.25rem}}.portal-root .footer-nav li a{color:#f0f0f0;font-size:1rem;font-weight:400}@media screen and (max-width:1024px){.portal-root .footer-nav li a{font-size:.875rem}}.portal-root .copy{text-align:center;color:#f0f0f0;margin:2rem 0 0;font-size:.75rem}.portal-root .hidden{visibility:hidden}.portal-root .none{display:none}.portal-root .lg-pc{display:block}@media screen and (max-width:1024px){.portal-root .lg-pc{display:none}}.portal-root .lg-sp{display:none}@media screen and (max-width:1024px){.portal-root .lg-sp{display:block}}.portal-root .pc{display:block}@media screen and (max-width:1024px){.portal-root .pc{display:none}}.portal-root .sp{display:none}@media screen and (max-width:1024px){.portal-root .sp{display:block}}