*,*::before,*::after{box-sizing:border-box}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,address,em,img,strong,sup,b,i,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,figcaption,figure,footer,header,nav,section,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}body{line-height:1}article,figcaption,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}html{font-size:62.5%}body{font-family:Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;font-feature-settings:"palt";color:#3b3b3b;line-height:1.4;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}header{width:100%;background:hsla(0,0%,100%,.9);position:fixed;top:0px;left:0px;z-index:8;transition:box-shadow .2s}header.shadowed{box-shadow:0px 3px 5px 0px rgba(0,0,0,.1),0px 0px 0px 1px rgba(10,10,10,.02)}header .inner{margin:0 auto;display:flex;align-items:center}header .inner h1 a{display:flex;justify-content:space-between;align-items:center}header .inner h1 a img{width:100%;min-width:100%;height:auto;vertical-align:top}header .inner nav li{position:relative}header .inner nav li a{text-decoration:none}main{width:100%}main .breadcrumb{background:#f0f0f0}footer{padding:40px 0;margin-top:auto;width:100%;background:#f8f8f8}footer .inner .official{line-height:1}footer .inner .official a{letter-spacing:.01em;display:inline-flex;justify-content:flex-start;align-items:center}footer .inner ul{list-style-type:none}footer .inner ul li{letter-spacing:.01em}footer .inner .copyright{width:100%}.pageTitle{display:flex;justify-content:flex-start;align-items:center;width:100%;background:#1564c0;color:#fff;font-family:"Noto Sans JP";font-weight:700;letter-spacing:.01em;line-height:1}.pageTitle span{display:block;margin:0 auto}.introduction{border-bottom:2px solid #1564c0;display:flex;justify-content:space-between;flex-wrap:wrap}.introduction .photo{order:1}.introduction h3{order:2;background:#f8f8f8;color:#1564c0;font-family:"Noto Sans JP";font-weight:700;line-height:1.5;letter-spacing:.01em}.introduction p{order:3;width:100%;line-height:1.8}.features{margin:0 auto}.features .feature{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #1564c0}.features .feature:last-child{margin-bottom:0px}.features .feature .photo{order:2}.features .feature .description h4{font-family:"Noto Sans JP";font-weight:700;color:#1564c0}.features .feature .description p{line-height:1.8}.features .feature .description .note{margin-top:1em}#topics h3{font-family:"Lato";font-weight:700;color:#1564c0}#topics div{width:100%;overflow-y:scroll;border-top:2px solid #98a6b5}#topics div ul{list-style-type:none}#topics div ul li{border-bottom:1px solid #cdd6dd}#topics div ul li span.date{color:#707f89}#topics div ul li a:link,#topics div ul li a:visited{color:#004bb1}#topics div ul li a:hover,#topics div ul li a:active{color:#c80000}.movie{margin:0 auto;border-top:2px solid #1564c0;border-bottom:2px solid #1564c0;text-align:center}.movie h4{font-family:"Noto Sans JP";font-weight:700;color:#1564c0}@media screen and (max-width: 768px){body{font-size:1.2rem;padding-top:45px}header .inner{width:90%;height:45px}header .inner h1{width:140px;height:31px}header .inner #navOpener{position:absolute;top:0px;right:0px;width:45px;height:45px;z-index:11}header .inner #navOpener .switch{width:45px;height:45px;background:#000;position:relative;display:block}header .inner #navOpener .switch span{background:#fff;display:block;width:20px;height:1px;position:absolute;top:50%;left:50%;transition:opacity .3s ease-out,transform .3s ease-out,background-color .3s ease-out}header .inner #navOpener .switch span:nth-child(1){transform:translate(-50%, 5px)}header .inner #navOpener .switch span:nth-child(2){transform:translate(-50%, 0%)}header .inner #navOpener .switch span:nth-child(3){transform:translate(-50%, -5px)}header .inner #navOpener .switch.opened{background:#1564c0}header .inner #navOpener .switch.opened span:nth-child(1){transform:translate(-50%, -50%) rotate(45deg)}header .inner #navOpener .switch.opened span:nth-child(2){opacity:0}header .inner #navOpener .switch.opened span:nth-child(3){transform:translate(-50%, -50%) rotate(-45deg)}header .inner nav{width:100vw;min-height:100%;position:fixed;top:0px;left:0px;z-index:10;background:#1564c0;display:none;opacity:0}header .inner nav ul li{text-align:center;margin-bottom:30px}header .inner nav ul li a{color:#fff;font-size:1.8rem;font-weight:bold}header .inner nav .spnavheader{margin:50px auto;width:100%;text-align:center}header .inner nav .spnavheader .mark{margin-bottom:20px}header .inner nav .uc{background:#fff;color:#1564c0}header .inner nav .uc::before{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0)}main{padding-bottom:80px}main .breadcrumb{display:none}footer .inner{text-align:center}footer .inner a{text-decoration:none;color:#3b3b3b}footer .inner .official{margin-bottom:40px;font-weight:bold;font-size:1.1rem}footer .inner .official a img{margin-right:4px;width:10.8px;height:10.2px}footer .inner ul{display:flex;justify-content:center;flex-wrap:wrap}footer .inner ul li{font-size:1rem;margin-bottom:12px}footer .inner ul li::before{content:"　　|　　"}footer .inner ul li:first-child::before,footer .inner ul li:nth-child(4)::before{content:""}footer .inner ul li:last-child{padding-right:0px}footer .inner .copyright{font-size:.9rem;margin-top:18px}.pageTitle{font-size:1.6rem;padding:20px 0}.pageTitle span{width:90%}.introduction{width:90%;margin:0 auto 20px auto;padding-bottom:30px;flex-direction:column}.introduction .photo{width:100%}.introduction .photo img{width:100%;min-width:100%;height:auto;vertical-align:top}.introduction h3{width:100%;padding:20px;font-size:1.6rem;margin-bottom:10px}.features{width:90%}.features .feature{flex-direction:column;padding-bottom:20px;margin-bottom:20px}.features .feature .photo{width:100%}.features .feature .photo img{width:100%;min-width:100%;height:auto;vertical-align:top}.features .feature .description{width:100%;order:1}.features .feature .description h4{font-size:1.6rem;margin-bottom:10px}.features .feature .description p{margin-bottom:10px}.features .feature .description p.note{font-size:1.1rem;line-height:1.4}main .contentsbody{width:80%;padding-top:30px;margin:0 auto}#topics{width:90%;margin:30px auto}#topics h3{font-size:1.7rem;margin-bottom:10px}#topics div{height:200px;margin-bottom:20px}#topics div li{padding:10px 0}#topics div li span{display:block}#topics div li span.date{margin-bottom:5px}.movie{width:90%;padding:20px 0}.movie h4{margin-bottom:20px;font-size:1.6rem;line-height:1}.movie h4 span{font-size:1.2rem}.movie .minner{position:relative;width:100%;padding-top:56.25%;margin:0 auto;top:25%}.movie .minner iframe{position:absolute;top:0;right:0;width:100%;height:100%}}@media screen and (min-width: 769px){body{font-size:1.6rem;padding-top:80px}header{min-width:1200px}header .inner{width:1200px;height:80px;justify-content:space-between}header .inner h1{width:180px;height:41px}header .inner #navOpener{display:none}header .inner nav{position:relative}header .inner nav ul{display:flex;justify-content:flex-end;list-style-type:none}header .inner nav ul li{font-family:"Noto Sans JP";font-weight:700;padding-left:35px}header .inner nav ul li a:link,header .inner nav ul li a:visited{color:#3b3b3b}header .inner nav ul li a:hover,header .inner nav ul li a:active,header .inner nav ul li a.current{color:#1564c0}header .inner nav .spnavheader{display:none}main{min-width:1200px;margin:0 auto;padding-bottom:160px}main .breadcrumb>ul{width:1200px;height:38px;margin:0 auto;list-style-type:none;display:flex;justify-content:flex-start;align-items:center}main .breadcrumb>ul li{font-family:"Noto Sans JP";font-weight:400;font-size:1.2rem;line-height:1}main .breadcrumb>ul li a{text-decoration:none}main .breadcrumb>ul li a:link,main .breadcrumb>ul li a:visited{color:#3b3b3b}main .breadcrumb>ul li a:hover,main .breadcrumb>ul li a:active{color:#1564c0}main .breadcrumb>ul li .arrow{display:inline-block;padding:0 20px}footer{min-width:1200px}footer a{transition:opacity .4s ease-in-out}footer a:hover,footer a:active{opacity:.6}footer .inner{width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}footer .inner .official{margin-right:auto}footer .inner .official a{text-decoration:none;color:#3b3b3b;font-size:1.4rem}footer .inner .official a img{margin-right:8px}footer .inner ul{display:flex;justify-content:flex-end}footer .inner ul li{font-size:1.2rem;padding:0 15px;border-left:1px solid #3b3b3b}footer .inner ul li:first-child{border:none}footer .inner ul li:last-child{padding-right:0px}footer .inner ul li a{text-decoration:none;color:#3b3b3b}footer .inner .copyright{text-align:right;font-size:1.2rem;margin-top:18px}.pageTitle{min-width:1200px;height:120px;font-size:4rem;margin-bottom:35px}.pageTitle span{width:1200px}.introduction{width:1200px;margin:0 auto 50px auto;padding-bottom:70px}.introduction .photo{width:690px;height:400px}.introduction h3{height:400px;display:flex;justify-content:flex-start;align-items:center;width:510px;padding:0 40px;font-size:4rem}.introduction p{margin-top:40px}.introduction.reverse .photo{order:2}.introduction.reverse h3{order:1}.features{width:1200px}.features .feature{padding-bottom:30px;margin-bottom:30px}.features .feature .photo{width:590px}.features .feature .description{width:560px;padding-top:20px;order:1}.features .feature .description h4{font-size:4rem;margin-bottom:30px}.features .feature .description p.note{font-size:1.4rem}.features .feature.fl .description{order:2}.features .feature.fl .photo{order:1}main .contentsbody{width:1200px;margin:0 auto}#topics{width:1200px;margin:60px auto}#topics h3{font-size:4.8rem;margin-bottom:20px}#topics div{height:215px;margin-bottom:0px}#topics div li{padding:15px 0;display:flex;justify-content:flex-start;align-items:center}#topics div li span{display:inline-block}#topics div li span.date{width:7.5em}.movie{width:1200px;padding:30px 0}.movie h4{margin-bottom:20px;font-size:3.6rem;line-height:1}.movie h4 span{font-size:2.4rem}}