@charset "shift_jis";
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,#header,.header_inner,hgroup,menu,nav,output,ruby,.section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,#header,.header_inner,hgroup,menu,nav,.section,.row{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body {font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
body {text-align: center;margin:0;padding:0;color:#777;	-webkit-text-size-adjust: 100%;}
img {display:block;border:none;max-width:100%; height:auto}
a {text-decoration: none;}
a:focus {outline:none;}
.clearfix:after { visibility: hidden; display: block; content: " "; clear: both; height: 0;}
body, p {  margin: 0;  padding: 0;}
.br{display:inline-block}
div, ul,li,p,table,td,tr,a{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
li, p, table td {line-height:1.6em;font-size:16px;letter-spacing:2px;}
p{margin-bottom:1.6%}
#container, #nav{ width:100%; max-width:740px/*1000px*/;background-color:#fff; clear:both; margin:0 auto;padding:0; text-align:center;}
/* header */
#header { width: 100%; height:auto; margin: 0 auto; clear: both;text-align:center; }
#header #line{background-color:#00a0e2; color:#fff; padding:4px}
#splogo {width:100%; max-width:370px; height:auto; margin:0 auto; padding-top:10px; padding-bottom:8px}
/* nav */
#nav ul{overflow:hidden; margin-bottom:1.2em}
#nav ul li{width:25%;float:left;}
/* container */
.inner,h2 {margin-right:auto; margin-left:auto; margin-bottom:2em;width: 94%; max-width:1000px;overflow:hidden; clear:both; box-sizing:border-box}
.bg_gray{background-color:#eeeeee;}
.lv_black{ background-color: #000; color: #fff; line-height: 1.2em; padding: 0.4em 1em ; font-weight: bold;letter-spacing: 2px; margin:2% 0}
h1{font-size:0.9em; line-height:1.2em}
h2{font-size:1.1em; color:#333;display:block; text-align:left;border-left:solid 4px #333;clear:both; padding-left:8px; font-weight:bold; background-color:#fff; margin-bottom:10px; line-height: 20px;}
h3{font-size:1.1em;text-align:left;}
/* contetns */
#top-slider{clear:both;}
#top_category{clear:both; }
#top-search{padding-top:2em;}
ul.col1 {font-size: 0;overflow:hidden; clear:both;text-align:left}
ul.col1{ margin-top:2%;margin-right:-2%}
ul.col1 li{box-sizing:border-box; width:100%; margin-right:2%/*margin:0 1%*/; margin-bottom:2%; display:inline-block; text-align:center;   vertical-align:middle; background-color:#fff;}
ul.col1 li a{display:block; width:100%;  color:#333; padding:0 0.6em }
ul.col1 li img{width:100%}
ul.col1 li h3{width:80%; display:inline-block;font-size:15px; line-height:22px;padding:0.4em 0 }

img.icn{width:12.5%;height:auto;max-width:58px; max-height:58px;min-height:54px;display:inline-block; margin-left:-3%;margin-right:4%;}

ul.col2 {font-size: 0;overflow:hidden; clear:both;text-align:left}
ul.col2{ margin-top:2%;margin-right:-2%}
ul.col2 li{box-sizing:border-box; width:48%; max-width:220px;margin-right:2%; margin-bottom:2%; display:inline-block; text-align:center;   vertical-align:middle; background-color:#fff;}
ul.col2 li a{display:block; width:100%;  color:#333; padding: 0 0.6em}
ul.col2 li img.icn{width:25%;}
ul.col1 li img.icn{width:12.5%;height:auto;max-width:58px; max-height:58px;display:inline-block; margin-left:-3%;margin-right:4%;}
ul.col2 li h3{width:70%; display:inline-block;font-size:15px; line-height:1em;padding:0.4em 0 }
.corona_measures{width:32.5%;display:inline-block;line-height: 1.6em;}
/* news */
#top-news .inner{height:300px; overflow:auto; margin-bottom:7%}
#top-news ul li{padding:1%; overflow:hidden; clear:both; border-top:solid 1px #cacaca;border-left:solid 1px #cacaca;border-right:solid 1px #cacaca; box-sizing:border-box; font-size:14px; }
#top-news ul li:last-child{border-bottom:solid 1px #cacaca; margin-bottom:30px}
#top-news ul li img{width:33%; margin-right:3%;height:auto;float:left; }
#top-news ul li a {display:block; color:#000}
#top-news ul li .bnr_text {text-align:left;color:#000}
#top-news ul li h4 {font-size:1.2em;padding:0.2em 0; font-weight:bold}
/* events */
.flex {display: -ms-flexbox;display: flex;flex-wrap:wrap;-ms-flex-wrap: wrap;justify-content:flex-start}
.flex > li{  background-color:#fff;margin-bottom:2%}
.flex > li a {color:#333;display:block; padding:0.6em;}
ul.events li {width: 49%;}
ul.events li:nth-child(2n+1){margin-right:2%}
ul.events li h3, ul.annual li h3{text-align:center; font-weight:bold}
ul.events .date{color:#e40080}
ul.annual li{width:24%; margin-right:1.3%;display: -ms-flexbox;display: flex;justify-content:center; align-items:center;}
ul.annual li:nth-child(4n){margin-right:0}
.red{color:red; font-weight: 300;}
/* functionlink */
#fclinks ul {font-size:0}
#fclinks ul li{display:inline-block;width:33.3%}
#fclinks ul li img{display:inline-block}
/* footer */
#f_links{background-color:#00a0e2; clear:both}
#f_links a{color:#fff}
#f_links .inner{width:100%; max-width:750px; margin:0 auto;padding:1em; }
#sns_links{background-color:#C8C8C8}
#sns_links ul {font-size:0; max-width:480px; margin:0 auto; padding:4% 0}
#sns_links ul li{display:inline-block; vertical-align:top;width:22%; margin:0 1%;text-align:center; background-color:#fff}
#sns_links ul li a{display:block; padding:0.4em}
#sns_links ul li img{width:100%;max-width:70px; margin:0 auto}
/* applink */
#applinks ul {background-color:#d3d1d2; padding-top:4%;}
#applinks ul li {width:29%; margin:0 2%; margin-bottom:4%;display:inline-block; max-width:200px;min-width:142px}
#applinks ul li img{margin:0 auto}
/* Login Information */
#lg_dv{margin: 0 auto;  max-width:768px; overflow:hidden;padding-bottom:10px}
#sp1bar .bar_hlw {display:inline-block;text-align:left;margin-right:16px;color:#00a0e2;text-decoration: none; }
#sp1bar .bar_hlw img{width:20px;padding-right:8px; float:left}
.bar_nm{float:left}
#sp1bar .bar_pt {display:inline-block;color:#00a0e2;}
#sp1bar .bar_lk{display:inline-block;}
/*Footer*/
.infolink {box-sizing:border-box;clear:both; letter-spacing:1pt; text-align:center; overflow:hidden;}
.infolink .f_left{width:50%;float:left; text-align:left; font-size:14px;line-height:1.8em; border-left:solid 1px #fff; padding-left:4%}
.infolink .f_left:first-child{border-left:none; padding-left:0}
.infolink .f_left a{display:block; padding:1em 0}
a.btn_co{background-color:#e40080; color:#fff; font-weight:bold;font-size:14px;  display:inline-block;padding:8px 6px; margin-top:10px;-moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px; text-align:center;max-width:200px;padding:0.4em !important}
a.btn_co:hover{color:#fff; text-decoration:none}
.company{clear:both; overflow:hidden; margin-top:1em}
.companyname {font-size:22px; font-weight:bold; margin-bottom:1%;text-align:left; color:#fff}
.copyright {font-size:12px; text-align:left;  color:#fff}
.f_logo { width:46px; float:left}
.security_mark {padding:4% 0;width:216px; margin:0 auto; overflow:hidden}
.pmark {float:right; margin:0;}
.f_geomark {float:right; margin:2px 10px 0 0; margin-left:-10px}
ul.ent_app{margin:0;padding:0;margin-top:10px;}
ul.ent_app li img{width:100%; height:auto}
ul.ent_app li{width:128px;display:inline-block;list-style:none; margin:0 2px;padding:0;list-style-position:outside; margin-bottom:8px;}
/* page top */
#pagetopbutton {display: none;position: fixed;z-index:1000;bottom: 30px;right: 15px;}
#pagetopbutton a {display: block;padding: 6px 8px 8px 8px;border-radius: 30px;width: 35px;height: 35px;background-color: #808080;color: #fff;font-weight: bold;text-decoration: none;text-align: center;}
#pagetopbutton a:hover {display: block;background-color: #b2d1fb;text-align: center;color: #fff;font-size: 12px;text-decoration: none;padding:5px 10px;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
/* footer ad */
#ad_bg{width:100%; background-color: rgba(0, 157, 226, 0.6);  height:60px; position:fixed; bottom:0; color:#fff;z-index:999; }
#ad a{color:#fff; font-weight:bold; line-height:60px;text-align: center; margin: 0 auto; font-size:20px }
#ad_bg .close {float:left; cursor:pointer;color:#fff; text-align:center; width:15px; height:15px; margin-top:3px;line-height:15px}
/* slick-slider  fullscreen slider */
.slick-slider{position: relative; display: block;  box-sizing: border-box;  -webkit-user-select: none;  -moz-user-select: none;   -ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);   -moz-transform: translate3d(0, 0, 0);    -ms-transform: translate3d(0, 0, 0);     -o-transform: translate3d(0, 0, 0);        transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px; outline: none;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;width:100%}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
/* Dots */
.slick-dots{display: block;width: 100%;padding:0.6em;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 16px;height: 16px;margin: 0 5px;padding: 0;cursor: pointer;}.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 16px;height: 16px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}.slick-dots li button:before{font-family: 'slick';font-size: 16px; line-height: 16px;position: absolute;top: 0;left: 0;width: 16px;height: 16px;    content: '●';    text-align: center;    opacity: .25;    color: black;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}.slick-dots li.slick-active button:before{    opacity: .75;    color: black;}
@media (max-width:767px){
#container, #nav{max-width:480px;}
h1{font-size:0.8em; line-height:1.2em}
.f_logo {width:54px;}
ul.events li {width: 100%;}
ul.events li:nth-child(2n+1){margin-right:0}
ul.annual li {width: 49%; margin-right:0}
ul.annual li:nth-child(2n+1){margin-right:2%}
.corona_measures{width:100%;display:block;line-height: 1.6em;}
}
/*contents*/
#top-contents .inner{margin-bottom:0}
#top-contents li {border-bottom: 2px solid #00a0e2; margin-bottom: 35px;}
#top-contents a {display: block; text-decoration: none; text-align: left;}
#top-contents h3 {color: #00a0e2; background: transparent; margin: 5px 0 0; font-size: 14px; width: 100%;}
#top-contents p {height: 5em; margin: 4px 0 10px; color: #1f1f1f; font-size: 14px;}
@media (min-width:768px){
#container, #nav, #header, #footer{min-width:1000px}
.top_event ul.col1 li{box-sizing:border-box; width:48%; max-width:220px;margin-right:2%/*margin:0 1%*/; margin-bottom:2%; display:inline-block; text-align:center;   vertical-align:middle; background-color:#fff; }
}
@media screen and (max-width: 480px) {
#sns_links ul li a{font-size:12px}
ul.annual li {width: 100%;}
ul.annual li:nth-child(2n+1){margin-right:0}
}
#container h7 {color:#4b0082;font-weight:bold;font-size:32px;margin: 0;margin-bottom: 0.4em; font-weight:bold; text-align:center;animation: blinkEffect 1s ease infinite;}
@keyframes blinkEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}