*{margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}html,body{min-width:100%;min-height:100%}body{font-family:'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', 'YuGothic', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';font-size:16px;line-height:1.42857143;color:#555;background:#0b3764}article{padding:5% 0;background:#fff}section{overflow:hidden;padding:10% 10%}@media screen and (max-width: 800px), (orientation: portrait){section{padding:16% 5%}}section.bg-color{background:-webkit-gradient(linear, left top, right top, from(#99e9dd), to(#c5d9f1));background:linear-gradient(90deg, #99e9dd, #c5d9f1)}h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:2.5vw;font-weight:normal;text-align:center;margin:0 -2em;padding:0;line-height:1.25;color:#0b3764}@media screen and (max-width: 800px), (orientation: portrait){h2{margin:0 -1em;font-size:5.5vw}}h2:before,h2:after{content:"";-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:1px;background:#000;margin:0 0.5em}h2:before{background:-webkit-gradient(linear, right top, left top, from(#0b3764), to(rgba(26,20,115,0.1)));background:linear-gradient(-90deg, #0b3764, rgba(26,20,115,0.1))}h2:after{background:-webkit-gradient(linear, left top, right top, from(#0b3764), to(rgba(26,20,115,0.1)));background:linear-gradient(90deg, #0b3764, rgba(26,20,115,0.1))}h3{font-size:1.8vw;text-align:center;margin-bottom:0.5em}@media screen and (max-width: 800px), (orientation: portrait){h3{font-size:4.5vw}}h4{text-align:center;font-size:17px}p{margin:0 0 0.5em 0}a{-webkit-transition:all 0.6s;transition:all 0.6s;text-decoration:none;color:#47438f}a:hover{color:#b35800}.contents-area{padding:1em 4em}@media screen and (max-width: 800px), (orientation: portrait){.contents-area{padding:1em 0em}}.align-center{text-align:center}@media screen and (max-width: 800px), (orientation: portrait){.align-center{text-align:left}}.m-only{display:none}@media screen and (max-width: 800px), (orientation: portrait){.m-only{display:block}.p-only{display:none}}header.main-header{position:relative;margin-bottom:-1em}header.main-header div.header-contents{width:100%;background:-webkit-gradient(linear, left top, right top, from(#2ebe77), to(#084885));background:linear-gradient(90deg, #2ebe77, #084885)}header.main-header div.header-contents h1{display:block;width:100%;text-align:center;background:#fff;padding:1em}@media screen and (max-width: 800px), (orientation: portrait){header.main-header div.header-contents h1{padding:0.5em}}header.main-header div.header-contents h1 img{width:25vw}@media screen and (max-width: 800px), (orientation: portrait){header.main-header div.header-contents h1 img{width:36vw}}header.main-header div.header-contents h1 img.mark{width:20.5vw;margin-right:0.7em;padding:0.3em 0.7em 0 0;border-right:rgba(0,0,0,0.4) 1px solid}@media screen and (max-width: 800px), (orientation: portrait){header.main-header div.header-contents h1 img.mark{width:34vw;margin-right:0.4em;padding:0.3em 0.4em 0 0}}header.main-header div.header-contents h1 span{display:block;text-align:center;margin:0.5em 0;font-size:1.4vw;font-weight:normal;color:black}@media screen and (max-width: 800px), (orientation: portrait){header.main-header div.header-contents h1 span{font-size:11px}}header.main-header div.header-contents div{color:#fff}header.main-header div.header-contents div p{text-align:center;font-size:30px;padding:3em 0}@media screen and (max-width: 800px), (orientation: portrait){header.main-header div.header-contents div p{font-size:3vw}}@media screen and (max-width: 600px){header.main-header div.header-contents div p{font-size:5vw}}.main-footer{height:160px;padding:2em;background:#0b3764;text-align:center;color:#fff}.l-button{border:1px solid #aaa;display:block;margin:2em auto 0;width:240px;height:50px;line-height:50px;text-align:center;border-radius:10px}.l-button:hover{background:#c5d9f1}.l-button img{width:auto;height:50px;vertical-align:middle;margin-right:0.5em}img.sdgs-tile{width:100%;height:auto}.sdgs{padding:0 10%}@media screen and (max-width: 800px), (orientation: portrait){.sdgs{padding:0 5%}}dl.slogan{position:relative;margin-bottom:4em}dl.slogan dt{position:absolute;font-weight:bold;font-size:100px;line-height:1}@media screen and (max-width: 800px), (orientation: portrait){dl.slogan dt{font-size:13vw}}dl.slogan dd{font-weight:bold;font-size:22px;padding-left:80px}@media screen and (max-width: 800px), (orientation: portrait){dl.slogan dd{font-size:4.5vw;padding-left:12vw}}dl.slogan dd .marker{background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255,163,0,0)), color-stop(90%, #ffa300));background:linear-gradient(rgba(255,163,0,0) 60%, #ffa300 90%);font-weight:bold;font-size:30px;padding:0 0.1em;margin:0 0.1em}@media screen and (max-width: 800px), (orientation: portrait){dl.slogan dd .marker{font-size:4.3vw}}.goals{text-align:center}.goals div{float:left;width:50%;text-align:right}@media screen and (max-width: 800px), (orientation: portrait){.goals div{float:none;width:100%;text-align:left;padding-bottom:2em}}.goals img{width:30vw;height:auto;margin:auto}@media screen and (max-width: 800px), (orientation: portrait){.goals img{width:50vw}}.box{background:-webkit-gradient(linear, left top, right top, from(#2ebe77), to(#1f80b1));background:linear-gradient(90deg, #2ebe77, #1f80b1);width:880px;margin:1em auto 0;color:#fff;padding:2em;border-radius:10px;font-size:22px}@media screen and (max-width: 800px), (orientation: portrait){.box{width:100%;padding:1em;font-size:16px}}.box strong{font-size:30px;padding:0 0.1em}@media screen and (max-width: 800px), (orientation: portrait){.box strong{font-size:20px}}.outline{margin:3em 0}.outline dt{font-weight:bold;margin-top:1em}.outline dd{margin:0 0 0.5em 1em;text-indent:0.5em}.outline dd span{padding-top:0.5em;font-size:small}.ol-center{padding:0;width:26vw;margin:3em auto}.ol-center li{font-size:1.6vw}@media screen and (max-width: 800px), (orientation: portrait){.ol-center li{font-size:4.5vw}}@media screen and (max-width: 800px), (orientation: portrait){.ol-center{width:70vw}.ol-center li{font-size:4vw}}.btn-bar{-webkit-transition:all 0.6s;transition:all 0.6s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;bottom:-100px;left:0;width:100%;height:80px;background:rgba(11,55,100,0.9);color:#fff;font-weight:bold;z-index:9999}.btn-bar.fit{bottom:0px}.btn-bar span{margin-right:0.5em}.btn-bar a{color:#fff;-webkit-transition:all .15s;transition:all .15s;display:inline-block;max-width:180px;text-align:left;font-size:16px;text-decoration:none;font-weight:bold;padding:8px 18px;margin:2px;border-radius:4px;background-color:#e38800;border-bottom:4px solid #b35800}.btn-bar a:hover{background-color:#b35800;-webkit-transform:translateY(1px);transform:translateY(1px);border-bottom:1px solid #735800}.archives-header{position:relative;height:60px;background:#0b3764}.archives-header h1{width:160px;padding:0.18em 0;margin-left:0.2em}.archives-header h1 img{width:65%;vertical-align:middle}.archives-header h1 img.mark{width:28%;margin-right:0.25em;padding:0;border:none}.breadcrumbs{height:50px;width:100%;display:block;background:#fff}@media screen and (min-width: 800px){.breadcrumbs{margin-bottom:-2em}}.breadcrumbs a{background:#0b3764;float:left;display:block;color:#fff;border:#fff 1px solid;width:80px;height:40px;line-height:40px;text-align:center;margin:7px 0 7px 7px;font-size:12px}.breadcrumbs a:hover{background:#b35800}.breadcrumbs a img{width:auto;height:12px;margin-top:4px}.title-area{clear:both;padding:0 10%;margin-bottom:0}.title-area h2{margin-bottom:1.5em}.hash-border{margin:2em auto;position:relative;width:80%;padding:1em;border-top:solid 1px rgba(11,55,100,0.4);border-bottom:solid 1px rgba(11,55,100,0.4)}@media screen and (max-width: 800px), (orientation: portrait){.hash-border{width:100%}}.hash-border:before,.hash-border:after{content:'';position:absolute;top:-20px;width:1px;height:calc(100% + 40px);background-color:rgba(11,55,100,0.4)}.hash-border:before{left:20px}.hash-border:after{right:20px}.hash-border p{font-size:1.5vw;padding:0 1.5em;margin:0}@media screen and (max-width: 800px), (orientation: portrait){.hash-border p{font-size:3.6vw;text-align:left}}.hash-border p sup{font-size:1vw}@media screen and (max-width: 800px), (orientation: portrait){.hash-border p sup{font-size:2.4vw}}.hash-border p span{display:block;font-size:1vw;padding-top:0.5em}@media screen and (max-width: 800px), (orientation: portrait){.hash-border p span{font-size:2.4vw}}.atention{display:block;text-align:center;margin:0 10%}.text-input{margin:0 0 5em 0;text-align:center}.text-input form{margin:auto}.text-input form div{position:relative;left:-40px;width:220px;margin:0 auto 1em}.text-input form div input[type="text"]{-webkit-appearance:none;display:inline-block;width:220px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;border:1px solid lightgray;padding:10px 10px 10px 90px;-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out}.text-input form div input[type="text"]+label{position:absolute;top:0;left:0;bottom:0;height:40px;line-height:40px;color:white;padding:0 10px;background:#e38800;-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0);-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;-webkit-transition-delay:0.2s;transition-delay:0.2s}.text-input form div input[type="text"]:focus+label{-webkit-transform:translateY(-120%) translateX(0%);transform:translateY(-120%) translateX(0%);-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out}.text-input form div input[type="text"]:focus{padding:10px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-webkit-transition-delay:0.2s;transition-delay:0.2s}.text-input form div input[type="submit"]{-webkit-appearance:none;border-radius:0;position:absolute;top:0;height:40px;width:80px;line-height:40px;color:white;border:#0b3764 1px solid;padding:0 20px;background:#0b3764}.text-input form div input[type="submit"]:hover{cursor:pointer}.pagination{padding:0;margin:1em 0}.pagination ul{width:300px;height:50px;margin:auto;display:block;padding:0}.pagination ul li{display:inline;text-align:center;float:left;min-width:25px}.pagination ul li a,.pagination ul li span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50px;height:50px;color:#fff;border:1px solid #fff}.pagination ul li a.adjust,.pagination ul li span.adjust{width:75px}.pagination ul li em{display:block;text-align:center;font-size:10px;padding-top:17px}.pagination ul li a{background:#0b3764}.pagination ul li a:hover{color:#0b3764;background:#c5d9f1}.pagination ul li span{color:#999;background:#ddd}.pagination ul li span.space{background:none}.archive-list{list-style:none;margin-top:3em;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.archive-list.index{margin-top:2em}.archive-list li{position:relative;float:left;width:calc(25% - ( 8px * 2 ));margin:0 8px 32px 8px}@media screen and (min-width: 1700px){.archive-list li{width:calc(20% - ( 8px * 2 ))}}@media screen and (max-width: 1200px), (orientation: portrait){.archive-list li{width:calc((100% / 3) - ( 8px * 2 ))}}@media screen and (max-width: 500px){.archive-list li{width:calc(50% - ( 8px * 2 ))}}.archive-list li div{-webkit-transition:all 0.6s;transition:all 0.6s}.archive-list li div:hover{opacity:0.7;background-color:#c5d9f1}.archive-list li div:hover span{background:#b35800}.archive-list li div div{position:relative;background-repeat:no-repeat;background-size:cover;z-index:0;overflow:hidden}.archive-list li div div:before{content:'';background:inherit;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;z-index:-1}.archive-list li div div img{width:100%;height:100%}.archive-list li div div img.flont-img{position:absolute;left:25%;top:25%}.archive-list li div div img.aimg{position:absolute;z-index:99;width:50%;height:auto}.archive-list li div div img.aimg-1{top:0;left:0}.archive-list li div div img.aimg-2{top:0;right:0}.archive-list li div div img.aimg-3{bottom:0;left:0}.archive-list li div div img.aimg-4{bottom:0;right:0}.archive-list li div aside{display:block;padding:0.5em 0.7em 3.5em}@media screen and (max-width: 800px), (orientation: portrait){.archive-list li div aside{padding:0.5em 0.4em 3.1em}}.archive-list li div span{-webkit-transition:all 0.6s;transition:all 0.6s;position:absolute;left:0;bottom:0;display:block;background:#0b3764;color:#fff;width:100%;text-align:center;padding:1em}@media screen and (max-width: 800px), (orientation: portrait){.archive-list li div span{font-size:14px;padding:0.7em}}.collections{padding:0;list-style:none}.collections li{margin:1em 0 0 0;overflow:hidden;position:relative;text-align:center;min-height:calc( 70px + 10px)}.collections li img{position:absolute;left:0;float:left;width:70px;height:auto}@media screen and (max-width: 800px), (orientation: portrait){.collections li img{position:static;float:none;margin:auto;width:80vw}}.collections li dl{border-top:rgba(255,255,255,0.8) 1px solid;position:relative;margin:0 0 1em calc( 70px + 10px);background:#0b3764}@media screen and (max-width: 800px), (orientation: portrait){.collections li dl{margin-left:0px;margin-top:1em}}.collections li dl dt,.collections li dl dd{font-size:16px;font-weight:normal;line-height:2;padding:0 1em;text-align:left}.collections li dl dt{position:absolute;color:#fff;width:100%;border-top:rgba(255,255,255,0.3) 1px solid}@media screen and (max-width: 800px), (orientation: portrait){.collections li dl dt{position:static;border-top:none}}.collections li dl dd{background:#fff;margin-left:170px;border-bottom:rgba(11,55,100,0.2) 1px solid}@media screen and (max-width: 800px), (orientation: portrait){.collections li dl dd{margin-left:0;border:none}}
