﻿.width-all{width:1100px;margin:0 auto}.width-inner{width:960px;margin:0 auto}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%;list-style:none}*{box-sizing:border-box}html{font-size:62.5%;height:100%;font-feature-settings:"palt";-webkit-font-smoothing:antialiased}BODY{font-size:1.4rem;line-height:2;color:#444444;font-family:din-2014,YuGothic,"游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,sans-serif}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none;text-decoration:none;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out}a:hover{opacity:0.7;filter:alpha(opacity=70)}.left{text-align:left}.center{text-align:center}.right{text-align:right}.clear{clear:left}section{width:1100px;margin:0 auto}.row{margin:0 auto}header{width:85%;margin:3rem auto}#logo{float:left;width:225px}#util{float:right}#util li{display:inline-block;margin-right:1.4rem;padding-bottom:2px;position:relative}#util li::before{background:#ff701e;content:'';width:100%;height:2px;position:absolute;left:0;bottom:0;margin:auto;transform-origin:right top;transform:scale(0, 1);transition:transform .2s}#util li:hover::before{transform-origin:left top;transform:scale(1, 1)}#util i{font-size:2.4rem;color:#2A0F97}.div2{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.div2 li{width:47.5%;margin-bottom:2rem}.div3{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.div3 li{width:30%;margin-bottom:2rem}.div3::after{content:"";display:block;width:30%}.div4{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.div4 li{width:23%;margin-bottom:2rem}.div5{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.div5 li{width:100%;margin-bottom:2rem}.div4::before{content:"";display:block;width:23%;order:1}.div4::after{content:"";display:block;width:23%}.reverse{flex-direction:row-reverse}.top-main-img{width:100%}h2{font-size:2rem;text-align:center;padding:50px 0 20px 0;font-weight:normal}.top-news h2{color:#41A4DE}footer{background-color:#444444;color:white}footer .ft-inner{width:1100px;margin:0 auto;padding:3rem 0}footer .ft-inner i{margin-right:0.5rem}footer .ft-inner li{line-height:1.6rem}footer .ft-inner li:hover{color:#F37A19}.pc{display:block}.sp{display:none}#page-top{position:fixed;bottom:10px;right:20px;font-size:77%}#page-top a{text-decoration:none;color:#cccccc;width:100px;padding:10px 0;text-align:center;display:block;border-radius:5px}#page-top a:hover{text-decoration:none}#nav-toggle{display:none}#gloval-nav{display:none}@media (max-width: 960px){.row{width:100%;margin:0 auto}.width-all{width:100%;margin:0 auto}.width-inner{width:90%;margin:0 auto}.div2 li{width:100%}.div3 li{width:100%}.div4 li{width:100%}.reverse{flex-direction:row}#util{display:none}footer .ft-inner{width:90%;margin:0 auto}footer .div5{display:-webkit-flex;display:block;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}footer .div5 li{width:100%;margin-bottom:2rem}.pc{display:none}.sp{display:block}#nav-toggle{position:absolute;top:25px;right:25px;height:32px;cursor:pointer}#nav-toggle>div{position:relative;width:36px}#nav-toggle span{width:100%;height:2px;left:0;display:block;background:#333;position:absolute;transition:top .5s ease, -webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out, top .5s ease;transition:transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out}#nav-toggle span:nth-child(1){top:0}#nav-toggle span:nth-child(2){top:10px}#nav-toggle span:nth-child(3){top:20px}#nav-toggle:hover span:nth-child(1){top:2px}#nav-toggle:hover span:nth-child(2){top:10px}#nav-toggle:hover span:nth-child(3){top:18px}#nav-toggle .nav-toggle-txt{font-size:11px;text-align:center;padding-top:24px}.open #nav-toggle span{background:#fff}.open #nav-toggle span:nth-child(1){top:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.open #nav-toggle span:nth-child(2){top:15px;width:0;left:50%}.open #nav-toggle span:nth-child(3){top:15px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#nav-toggle{display:inline-block}#nav-toggle{z-index:995}#container{z-index:900}#gloval-nav{background:#000;color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;z-index:990;text-align:center;display:flex;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;font-size:29px;opacity:0;transition:opacity .6s ease, visibility .6s ease}#gloval-nav a{display:block;color:#fff;text-decoration:none;padding:10px 0;transition:color .6s ease}#gloval-nav a:hover{color:#666}#gloval-nav ul{list-style:none}#gloval-nav ul li{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px);transition:opacity .2s ease, -webkit-transform .6s ease;transition:transform .6s ease, opacity .2s ease;transition:transform .6s ease, opacity .2s ease, -webkit-transform .6s ease}.open{overflow:hidden}.open #gloval-nav{visibility:visible;opacity:1}.open #gloval-nav li{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity .9s ease, -webkit-transform 1s ease;transition:transform 1s ease, opacity .9s ease;transition:transform 1s ease, opacity .9s ease, -webkit-transform 1s ease}}
