@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);body{margin:0;padding:0;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}h3{background:#ccc;color:#fff;padding:5px 15px}@media only screen and (max-width: 767px){h6{color:#fff;background:-webkit-gradient(linear, left top, right top, from(#1680d1), to(#0d4ba8));background:linear-gradient(to right, #1680d1, #0d4ba8);text-align:left;font-size:20px;line-height:100%;padding:10px 10px 9px;margin:0 0 10px 0}}@media only screen and (min-width: 768px){h6{color:#fff;background:-webkit-gradient(linear, left top, right top, from(#1680d1), to(#0d4ba8));background:linear-gradient(to right, #1680d1, #0d4ba8);text-align:left;font-size:18px;line-height:100%;padding:13px 15px 12px;margin:0 0 15px 0}}img{max-width:100%;height:auto;vertical-align:bottom}.hero{background-image:url("../img/sby_2019summer_hero.jpg");background-size:cover;background-repeat:no-repeat;background-position:top}@media only screen and (max-width: 767px){.hero{margin:0 0 30px;height:350px}}@media only screen and (min-width: 768px){.hero{height:500px;margin:0 0 40px}}.hero .inner{height:100%;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}@media only screen and (max-width: 767px){.hero .inner{margin:0 auto;padding:0}}@media only screen and (min-width: 768px){.hero .inner{max-width:1200px;margin:0 auto;padding:0}}.hero .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hero h1{color:#fff;text-align:center;padding:0;text-shadow:0px 0px 7px rgba(0,76,142,0.9)}@media only screen and (max-width: 767px){.hero h1{margin:0 0 5px}}@media only screen and (min-width: 768px){.hero h1{font-size:70px;margin:0 0 10px;line-height:90px}}.hero .dispcription{color:#004c8e;background:#fff;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-weight:bold;border-radius:5px;-webkit-box-shadow:0px 0px 7px rgba(0,76,142,0.9);box-shadow:0px 0px 7px rgba(0,76,142,0.9)}@media only screen and (max-width: 767px){.hero .dispcription{max-width:300px;font-size:13px;line-height:24px;padding:15px}}@media only screen and (min-width: 768px){.hero .dispcription{max-width:700px;font-size:19px;line-height:32px;padding:25px 20px}}@media only screen and (max-width: 767px){.hero .pconly{display:none}}figure{margin:0;padding:0}.wrap{font-family:'Noto Sans JP'}@media only screen and (max-width: 767px){.wrap{width:100%;margin:0;padding:0}}@media only screen and (min-width: 768px){.wrap{max-width:1200px;padding:0;margin:0 auto 30px}}.content{display:-ms-flexbox;display:-webkit-box;display:flex}@media only screen and (max-width: 767px){.content{width:calc(100% - 20px);margin:0 auto;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}}@media only screen and (min-width: 768px){.content{-ms-flex-pack:justify;-moz-box-pack:justify;-webkit-box-pack:justify;-webkit-tjustify-content:space-between;justify-content:space-between}}@media only screen and (max-width: 767px){.content .sub{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}@media only screen and (min-width: 768px){.content .sub{width:22%}}.content .sub h5{color:#fff;background:#004c8e;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%}@media only screen and (max-width: 767px){.content .sub h5{padding:10px 15px;font-size:16px;margin:0}}@media only screen and (min-width: 768px){.content .sub h5{padding:10px 15px;font-size:17px;margin:0}}.content .sub .info{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 5px}@media only screen and (max-width: 767px){.content .sub .info{font-size:15px;line-height:26px}}@media only screen and (min-width: 768px){.content .sub .info{font-size:14px;line-height:22px}}.content .sub .info .text{margin:10px 0 20px}.content .sub .info .text p{margin:0 0 5px;padding:0}@media only screen and (max-width: 767px){.content .sub .box{width:100%;margin:0 0 20px}}@media only screen and (min-width: 768px){.content .sub .box{width:100%;margin:0 0 20px}}.content .sub .box .icon{position:relative;top:-2px;margin-right:7px}@media only screen and (max-width: 767px){.content .sub .box .icon img{width:23px;height:auto}}@media only screen and (min-width: 768px){.content .sub .box .icon img{width:23px;height:auto}}@media only screen and (max-width: 767px){.content .main{width:100%;margin-bottom:10px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width: 768px){.content .main{width:76%;margin:0 0 0 40px}}.content .main .title{text-align:center}@media only screen and (min-width: 768px){.content .main .title{margin:10px 0 0}}.content .main .title h2{color:#000}@media only screen and (max-width: 767px){.content .main .title h2{font-size:30px;line-height:100%;margin:5px 0 30px 0;padding:0}}@media only screen and (min-width: 768px){.content .main .title h2{font-size:40px;margin:0 0 35px;padding:0}}@media only screen and (max-width: 767px){.content .main .title .en{font-size:16px}}@media only screen and (min-width: 768px){.content .main .title .en{font-size:18px}}.content .note{border:#ccc solid 2px;padding:15px}.content .note ul{list-style:disc;margin:0}.content .tab_container{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}@media only screen and (max-width: 767px){.content .tab_container{padding:0 0 5px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media only screen and (min-width: 768px){.content .tab_container{padding:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media only screen and (max-width: 767px){.content .tab{width:30%;height:45px;background:#0059a9;color:#fff;border-radius:3px 3px 0 0 / 3px 3px 0 0;line-height:46px;font-size:16px;text-align:center;display:block;float:left;text-align:center;font-weight:bold;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;margin:0 3px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;position:relative}.content .tab:hover{opacity:0.75}.content .tab.is-active{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ccdeee;color:#004c8e;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.content .tab.is-active::before{content:"";position:absolute;top:100%;left:50%;margin-left:-10px;border:10px solid transparent;border-top:10px solid #ccdeee}.content .tab.is-active:hover{opacity:1.0}}@media only screen and (min-width: 768px){.content .tab{width:233px;height:45px;background:#0059a9;color:#fff;border-radius:3px 3px 0 0 / 3px 3px 0 0;line-height:45px;font-size:16px;text-align:center;display:block;float:left;text-align:center;font-weight:bold;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;margin:0 3px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;position:relative}.content .tab:hover{opacity:0.75}.content .tab.is-active{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ccdeee;color:#004c8e;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.content .tab.is-active::before{content:"";position:absolute;top:100%;left:50%;margin-left:-10px;border:10px solid transparent;border-top:10px solid #ccdeee}.content .tab.is-active:hover{opacity:1.0}}@media only screen and (max-width: 767px){.content .topics_area{margin:35px 0 20px}}@media only screen and (min-width: 768px){.content .topics_area{margin:40px 0 20px}}.content .topics_container{display:none}.content .topics_container.is-show{display:block}.content .topics_container ul{list-style:none;padding:0;width:100%}@media only screen and (max-width: 767px){.content .topics_container ul{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-moz-box-pack:justify;-webkit-box-pack:justify;-webkit-tjustify-content:space-between;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}}@media only screen and (min-width: 768px){.content .topics_container ul{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-moz-box-pack:justify;-webkit-box-pack:justify;-webkit-tjustify-content:space-between;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 7px}}.content .topics_container ul .topic{-webkit-box-shadow:0 0 8px rgba(0,76,142,0.1);box-shadow:0 0 8px rgba(0,76,142,0.1)}@media only screen and (max-width: 767px){.content .topics_container ul .topic{width:43%;margin:0 0 20px;padding:10px}}@media only screen and (min-width: 768px){.content .topics_container ul .topic{width:32%;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 0 25px 0;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:18px;border-radius:4px}}.content .topics_container ul .topic:first-child{margin-top:0}.content .topics_container ul .topic figure{width:100%;position:relative;overflow:hidden}@media only screen and (max-width: 767px){.content .topics_container ul .topic figure{height:100px}}@media only screen and (min-width: 768px){.content .topics_container ul .topic figure{height:190px}}@media only screen and (min-width: 768px){.content .topics_container ul .topic figure:hover img{opacity:0.8}}.content .topics_container ul .topic figure a{display:block}.content .topics_container ul .topic figure a img{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}@media only screen and (max-width: 767px){.content .topics_container ul .topic .caption{width:100%;margin-top:10px}}@media only screen and (min-width: 768px){.content .topics_container ul .topic .caption{width:100%;margin-top:15px}}.content .topics_container ul .topic .caption .category{display:inline-block;color:#fff;background:#ffb344;font-weight:bold;margin:0 0 8px;padding:2px 7px}@media only screen and (max-width: 767px){.content .topics_container ul .topic .caption .category{font-size:11px}}@media only screen and (min-width: 768px){.content .topics_container ul .topic .caption .category{font-size:11px}}.content .topics_container ul .topic .caption h4{background:#fff}@media only screen and (max-width: 767px){.content .topics_container ul .topic .caption h4{width:100%;padding:0;margin:0 0 5px;white-space:nowrap;font-size:16px;height:72px;text-overflow:ellipsis;overflow:hidden}}@media only screen and (min-width: 768px){.content .topics_container ul .topic .caption h4{margin:0 0 5px;padding:0;color:#000;font-size:16px;height:46px;overflow:hidden}}.content .topics_container ul .topic .caption h4 a{color:#000}@media only screen and (max-width: 767px){.content .topics_container ul .topic .caption h4 a{text-decoration:none;text-overflow:ellipsis;white-space:normal}}@media only screen and (min-width: 768px){.content .topics_container ul .topic .caption h4 a{text-decoration:none}}.content .topics_container ul .topic .caption h4 a:hover{text-decoration:underline;color:000}.content .topics_container ul .topic .caption .honbun{margin:0;padding:0}@media only screen and (max-width: 767px){.content .topics_container ul .topic .caption .honbun{height:95px;overflow:hidden;line-height:22px}}@media only screen and (min-width: 768px){.content .topics_container ul .topic .caption .honbun{height:46px;overflow:hidden;line-height:22px}}.content .topics_container ul .topic .caption .honbun a{color:#646464}@media only screen and (max-width: 767px){.content .topics_container ul .topic .caption .honbun a{text-decoration:none;text-overflow:ellipsis;white-space:normal;font-size:14px}}@media only screen and (min-width: 768px){.content .topics_container ul .topic .caption .honbun a{text-decoration:none;font-size:15px}}.content .topics_container ul .topic .caption .honbun a:hover{text-decoration:underline;color:000}.content .topics_container ul .topic .caption .date{text-align:right;margin:10px auto 0;font-size:14px;font-weight:bold;color:#ccc}.content .topics_container .more{text-align:center}@media only screen and (max-width: 767px){.content .topics_container .more{margin:10px auto 30px}}@media only screen and (min-width: 768px){.content .topics_container .more{margin:0 auto 0}}.content .topics_container .more a{display:inline-block;margin:0 auto;padding:8px 50px;border-radius:10px;position:relative;font-weight:600;text-decoration:none;text-align:center;background:-webkit-gradient(linear, left top, right top, from(#1680d1), to(#0d4ba8));background:linear-gradient(to right, #1680d1, #0d4ba8);background-position:center center;background-size:100%;color:#fff}@media only screen and (max-width: 767px){.content .topics_container .more a{width:42%;font-size:15px}}@media only screen and (min-width: 768px){.content .topics_container .more a{font-size:15px}}.content .topics_container .more a:hover{opacity:0.9}@media only screen and (max-width: 767px){.content .topics_container .more .pconly{display:none}}.more_link{position:relative;width:210px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:7px;background:linear-gradient(-135deg, #1ac7c2, #17a29d)}@media only screen and (max-width: 767px){.more_link{margin:15px auto 0}}@media only screen and (min-width: 768px){.more_link{margin:30px auto 0}}.more_link:hover{opacity:0.8}.more_link a{color:#fff;text-decoration:none;display:block;width:100%;height:100%}.more_link a:after{position:absolute;content:'';width:0;height:0;border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}@media only screen and (max-width: 767px){.more_link a:after{top:41%;right:24px}}@media only screen and (min-width: 768px){.more_link a:after{right:45px;top:40%}}.global_head{margin:0;padding:0}@media only screen and (max-width: 767px){.anniv22__hero{-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;padding:40px 0}}@media only screen and (min-width: 768px){.anniv22__hero{height:calc(100vh - 40px) !important}}.anniv22__inner{width:100%;max-width:100%}@media only screen and (max-width: 767px){.anniv22__inner{height:auto}}@media only screen and (min-width: 768px){.anniv22__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}}.anniv22__container{width:inherit}.anniv22__head{background-color:rgba(0,76,142,0.5) !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;line-height:1.5 !important;text-shadow:0 0 7px rgba(255,255,255,0.5) !important}@media only screen and (max-width: 767px){.anniv22__head{font-size:1.5rem !important;margin-bottom:30px;padding:40px 10px !important}}@media only screen and (min-width: 768px){.anniv22__head{font-size:2.7rem !important;margin-bottom:30px;padding:40px 0 !important;text-shadow:0 0 7px rgba(255,255,255,0.5) !important}}.anniv22__discription{color:#fff;line-height:1.5;margin:0 auto;text-align:center}@media only screen and (max-width: 767px){.anniv22__discription{font-size:1rem}}@media only screen and (min-width: 768px){.anniv22__discription{font-size:1.5rem}}.anniv22__discription p{text-shadow:1px 1px 0px #004c8e,1px -1px 0px #004c8e,-1px 1px 0px rgba(0,76,142,0.9),-1px -1px 0px rgba(0,76,142,0.9)}
