@font-face{font-family:'Noto Sans JP BOLD';src:url(../font/NotoSansJP-Bold.otf)}@media (max-width: 959px){#page{max-width:none}}#header{margin-bottom:40px}@media (max-width: 959px) and (min-width: 560px){#header .layout{padding-right:20px;padding-left:20px}#header .layout .logo{width:39.84064%}#header .layout .pcSearch{width:44.82072%}#header .layout .pcSearch form{align-items:flex-end}#header .layout .pcSearch form .txt{margin-top:.3em;padding:.5em 0;border:none;border-bottom:1px solid #234d7a;border-radius:0;width:88.88889%;font-size:1.6rem}#header .layout .pcSearch form .submit{width:7.11111%}#header .layout .pcSearch form .submit input{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:none;appearance:none;border:none;display:block;width:100%;height:auto;background:none;cursor:pointer}#header .layout .pcSearch form .submit input:hover:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7;zoom:1;transition:0.4s}}@media (max-width: 559px){#header{padding:4.1791% 0% 2.98507% 0%;margin-bottom:1.49254%;border-bottom:5px solid #326697;position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:2}#header .layout{margin:0 auto 0%;max-width:85.07463%;align-items:center}#header .layout .logo{margin-left:-6.14035%;width:60.87719%}#header .layout .pcSearch{display:none}#header .layout .spSearch{display:flex;justify-content:right;align-items:center;width:28.77193%}#header .layout .spSearch .index{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:1.3em 0;color:#fff;width:48.78049%;background-color:#013265;text-align:center;cursor:pointer}}@media (max-width: 559px) and (min-width: 671px){#header .layout .spSearch .index{font-size:2rem}}@media (max-width: 559px) and (max-width: 670px){#header .layout .spSearch .index{font-size:2.98507vw}}#indexMain{margin-bottom:50px;font-size:1.6rem}@media (max-width: 559px){#indexMain{margin-bottom:7.46269%}}@media (max-width: 559px) and (min-width: 671px){#indexMain{font-size:1.8rem}}@media (max-width: 559px) and (max-width: 670px){#indexMain{font-size:2.68657vw}}#indexMain .layout{margin:0 auto 0;max-width:850px;padding:0 20px}#indexMain .layout h2{margin-bottom:1em;padding:0 0 .1em .2em;border-bottom:6px solid #326697;position:relative;color:#454e5e;font-size:3.4rem}#indexMain .layout .btnSet{display:flex;justify-content:space-between}#indexMain .layout .btnSet li{width:47.05882%}#indexMain .layout .btnSet li a{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding:1.5em 0 1.5em 21%;border:3px solid #013264;position:relative;display:block;line-height:1;color:#013264;font-weight:bold;font-size:2rem;text-decoration:none}#indexMain .layout .btnSet li a::after{margin-top:-8px;border-top:3px solid #013264;border-right:3px solid #013264;position:absolute;top:50%;right:7%;width:12px;height:12px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}#indexMain .layout .btnSet li a:hover{color:#fff}#indexMain .layout .btnSet li a:hover:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7;zoom:1;transition:0.4s}#indexMain .layout .btnSet li.login a{background:#fff url(../img/index/btn_login_icon.png) 5% center no-repeat;background-size:10%}#indexMain .layout .btnSet li.login a:hover{background:#013264 url(../img/index/btn_login_icon_on.png) 5% center no-repeat;background-size:10%}#indexMain .layout .btnSet li.contact a{background:#fff url(../img/index/btn_contact_icon.png) 5% center no-repeat;background-size:10%}#indexMain .layout .btnSet li.contact a:hover{background:#013264 url(../img/index/btn_contact_icon_on.png) 5% center no-repeat;background-size:10%}#indexMain .layout .btnSet li.howto a{background:#fff url(../img/index/btn_howto_icon.png) 5% center no-repeat;background-size:10%}#indexMain .layout .btnSet li.howto a:hover{background:#013264 url(../img/index/btn_howto_icon_on.png) 5% center no-repeat;background-size:10%}#indexMain .layout .btnSet li.faq a{background:#fff url(../img/index/btn_faq_icon.png) 5% center no-repeat;background-size:10%}#indexMain .layout .btnSet li.faq a:hover{background:#013264 url(../img/index/btn_faq_icon.png) 5% center no-repeat;background-size:10%}@media (min-width: 559px) and (max-width: 959px){#indexMain .layout h2{font-size:4vw}#indexMain .layout .btnSet{display:flex;justify-content:space-between}#indexMain .layout .btnSet li{width:47.05882%}#indexMain .layout .btnSet li a{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding-right:12.5%;padding-left:17.5%;font-size:2vw}#indexMain .layout .btnSet li a::after{margin-top:-8px;border-top:3px solid #013264;border-right:3px solid #013264;position:absolute;top:50%;right:7%;width:12px;height:12px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}#indexMain .layout .btnSet li a:hover{color:#fff}#indexMain .layout .btnSet li a:hover:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7;zoom:1;transition:0.4s}}@media (max-width: 559px){#indexMain .layout{margin:0 auto 0%;max-width:85.07463%;padding:0}#indexMain .layout h2{border-bottom:3px solid #326697}}@media (max-width: 559px) and (min-width: 671px){#indexMain .layout h2{font-size:3rem}}@media (max-width: 559px) and (max-width: 670px){#indexMain .layout h2{font-size:4.47761vw}}@media (max-width: 559px){#indexMain .layout h2::before{bottom:-3px;height:3px}#indexMain .layout .btnSet{display:block}#indexMain .layout .btnSet li{width:auto}#indexMain .layout .btnSet li:first-child{margin-bottom:2.10526%}#indexMain .layout .btnSet li a{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding:1.5em 0 1.5em 23.85965%;border:2px solid #013265}}@media (max-width: 559px) and (min-width: 671px){#indexMain .layout .btnSet li a{font-size:2rem}}@media (max-width: 559px) and (max-width: 670px){#indexMain .layout .btnSet li a{font-size:2.98507vw}}@media (max-width: 559px){#indexMain .layout .btnSet li a::after{margin-top:-6px;border-top:2px solid #013265;border-right:2px solid #013265;width:8px;height:8px}#indexMain .layout .btnSet li a:hover:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7;zoom:1;transition:0.4s}#indexMain .layout .btnSet li.login a{background-size:7.89474% !important}#indexMain .layout .btnSet li.contact a{background-size:7.89474% !important}#indexMain .layout .btnSet li.howto a{background-size:7.89474% !important}#indexMain .layout .btnSet li.faq a{background-size:7.89474% !important}}#indexMain #desc{margin-bottom:40px}#indexMain #desc p{margin-bottom:4.23529%;line-height:1.66667;letter-spacing:-0.01em}@media (max-width: 559px){#indexMain #desc{padding-top:22.38806%}#indexMain #desc p{margin-bottom:5.26316%}}#indexMain #use{margin-bottom:30px;padding:32px 0 60px;background-color:#f4f4f4}#indexMain #use .category{margin-bottom:3.76471%;display:flex;justify-content:space-around}#indexMain #use .category li{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;width:14.58824%;-moz-box-shadow:1px 1px 3px #ccc, 1px 1px 3px #ccc, 1px 1px 3px #ccc;-webkit-box-shadow:1px 1px 3px #ccc, 1px 1px 3px #ccc, 1px 1px 3px #ccc;box-shadow:1px 1px 3px #ccc, 1px 1px 3px #ccc, 1px 1px 3px #ccc}#indexMain #use .category li:hover:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7;zoom:1;transition:0.4s}@media (max-width: 559px){#indexMain #use{padding:4.77612% 0% 8.95522% 0%;margin-bottom:6.71642%}#indexMain #use .category{margin-bottom:6.66667%;justify-content:space-between}#indexMain #use .category li{margin-bottom:3.33333%;width:23%}}#indexMain #update{margin-bottom:70px;position:relative}#indexMain #update h2{font-size:2.3rem}#indexMain #update dl{margin:0 0 0.5em .70588%;padding-bottom:.5em;border-bottom:1px solid #dadada;display:flex;justify-content:space-between}#indexMain #update dl:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0}#indexMain #update dl dt{width:13.03318%}#indexMain #update dl dd{width:83.64929%}#indexMain #update .archive{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:0.3em 0 0.3em 2.35294%;border:1px solid #013264;position:absolute;top:0;right:20px;width:20.70588%;font-size:1.4rem;text-align:center;text-decoration:none}#indexMain #update .archive::before{margin-top:-2px;border-top:1px solid #013264;border-right:1px solid #013264;position:absolute;top:50%;left:1.5em;width:4px;height:4px;line-height:1;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}#indexMain #update .archive:hover{color:#fff;background-color:#013264}#indexMain #update .archive:hover:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7;zoom:1;transition:0.4s}#indexMain #update .archive:hover::before{border-color:#fff}@media (min-width: 559px) and (max-width: 959px){#indexMain #update .archive{width:29.41176%}}@media (min-width: 559px) and (max-width: 700px){#indexMain #update .archive{width:32.94118%}}@media (max-width: 559px){#indexMain #update{margin-bottom:8.95522%}}@media (max-width: 559px) and (min-width: 671px){#indexMain #update h2{font-size:2.3rem}}@media (max-width: 559px) and (max-width: 670px){#indexMain #update h2{font-size:3.43284vw}}@media (max-width: 559px){#indexMain #update dl{margin:0 0 .5em}#indexMain #update dl:last-of-type{margin-bottom:1em}#indexMain #update dl dt{width:21.05263%}#indexMain #update dl dd{width:74.73684%}#indexMain #update .archive{padding:0 0 0 2.63158%;border:none;position:relative;right:0;width:auto;text-align:left}}@media (max-width: 559px) and (min-width: 671px){#indexMain #update .archive{font-size:1.8rem}}@media (max-width: 559px) and (max-width: 670px){#indexMain #update .archive{font-size:2.68657vw}}@media (max-width: 559px){#indexMain #update .archive::before{margin-top:-1px;left:0;width:3px;height:3px}}#indexMain #switch a{margin:0 auto 0%;max-width:42.35294%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:1.2em 0 1.2em 16.47059%;border:1px solid #013264;display:block;line-height:1;color:#013264;background:url(../img/index/switch_icon_pc.png) 13.2% center no-repeat;font-size:1.8rem;text-decoration:none}#indexMain #switch a:hover{color:#fff;background:#013264 url(../img/index/switch_icon_on_pc.png) 13.2% center no-repeat}#indexMain #switch a:hover:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:.7;-khtml-opacity:.7;zoom:1;transition:0.4s}@media (max-width: 559px){#indexMain #switch a{margin:0 auto 0%;max-width:63.15789%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:1.2em 0 1.2em 24.5614%;border:1px solid #013264;display:block;line-height:1;color:#013264;background-size:11.4%;text-decoration:none}}@media (max-width: 559px) and (min-width: 671px){#indexMain #switch a{font-size:1.8rem}}@media (max-width: 559px) and (max-width: 670px){#indexMain #switch a{font-size:2.68657vw}}#aside{display:none}