@charset "utf-8";@import url(https://fonts.googleapis.com/css?family=Quicksand);html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, main, menu, nav, section, summary,
time, mark, audio, video{margin:0;padding:0;box-sizing:border-box;}
article,aside,details,figcaption,figure,
footer,header,main,menu,nav,section{display:block;}
html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-feature-settings:"palt";}
body{color:#000;line-height:1;font-size:16px;font-family:'Noto Sans Japanese', sans-serif;animation:fadeIn 2s ease 0s 1 normal;-webkit-animation:fadeIn 2s ease 0s 1 normal;}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.wrapper{width:100%;margin:0;padding:0;}
p{line-height:170%;letter-spacing:0.05em;}
img{border:0;max-width:100%;height:auto;}
h1, h2, h3, h4, h5, h6{letter-spacing:0.05em;font-weight:normal;font-family:'Noto Sans Japanese', sans-serif;}
ul,ol{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
img, input, select, textarea{vertical-align:middle;}
a{color:#003398;transition:0.5s;-ms-interpolation-mode:bicubic;}
a:hover{opacity:0.7;}
a:hover img{opacity:0.7;}
@media print,screen and (min-width:768px){body{font-size:15px;}
}
@media print,screen and (min-width:768px) and (max-width:1120px){.wrapper{width:1120px;}
}
@media screen and (max-width:767px){.sp-mt0{margin-top:0 !important;}
.sp-mt5{margin-top:5px !important;}
.sp-mt10{margin-top:10px !important;}
.sp-mt15{margin-top:15px !important;}
.sp-mt20{margin-top:20px !important;}
.sp-mt25{margin-top:25px !important;}
.sp-mt30{margin-top:30px !important;}
.sp-mt35{margin-top:35px !important;}
.sp-mt40{margin-top:40px !important;}
.sp-mt45{margin-top:45px !important;}
.sp-mt50{margin-top:50px !important;}
.sp-mb0{margin-bottom:0 !important;}
.sp-mb5{margin-bottom:5px !important;}
.sp-mb10{margin-bottom:10px !important;}
.sp-mb15{margin-bottom:15px !important;}
.sp-mb20{margin-bottom:20px !important;}
.sp-mb25{margin-bottom:25px !important;}
.sp-mb30{margin-bottom:30px !important;}
.sp-mb35{margin-bottom:35px !important;}
.sp-mb40{margin-bottom:40px !important;}
.sp-mb45{margin-bottom:45px !important;}
.sp-mb50{margin-bottom:50px !important;}
}
@media print,screen and (min-width:768px){.pc-mt0{margin-top:0 !important;}
.pc-mt5{margin-top:5px !important;}
.pc-mt10{margin-top:10px !important;}
.pc-mt15{margin-top:15px !important;}
.pc-mt20{margin-top:20px !important;}
.pc-mt25{margin-top:25px !important;}
.pc-mt30{margin-top:30px !important;}
.pc-mt35{margin-top:35px !important;}
.pc-mt40{margin-top:40px !important;}
.pc-mt45{margin-top:45px !important;}
.pc-mt50{margin-top:50px !important;}
.pc-mb0{margin-bottom:0 !important;}
.pc-mb5{margin-bottom:5px !important;}
.pc-mb10{margin-bottom:10px !important;}
.pc-mb15{margin-bottom:15px !important;}
.pc-mb20{margin-bottom:20px !important;}
.pc-mb25{margin-bottom:25px !important;}
.pc-mb30{margin-bottom:30px !important;}
.pc-mb35{margin-bottom:35px !important;}
.pc-mb40{margin-bottom:40px !important;}
.pc-mb45{margin-bottom:45px !important;}
.pc-mb50{margin-bottom:50px !important;}
.pc-mb60{margin-bottom:60px !important;}
.pc-mb70{margin-bottom:70px !important;}
.pc-mb80{margin-bottom:80px !important;}
.pc-mb90{margin-bottom:90px !important;}
.pc-mb100{margin-bottom:100px !important;}
}
.ta-l{text-align:left;}
.ta-r{text-align:right;}
.ta-c{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.fl-img{float:left;margin-right:10px;margin-bottom:10px;}
.fr-img{float:right;margin-left:10px;margin-bottom:10px;}
.clear{clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
span.space{width:2%;display:inline-block;}
.larger{font-size:larger;}
.smaller{font-size:smaller !important;}
.txtl{text-align:left !important;}
.txtc{text-align:center !important;}
.txtr{text-align:right !important;}
.txtj{text-align:justify !important;}
.blue-bg{background-color:#003399;}
.light-blue-bg{background-color:#ebeff7;}
.blue,
.blue a{color:#003399;}
.orange,
.orange a{color:#ec7308;}
#main-content,
#container{background-color:#fff;display:block;width:100%;height:auto;overflow:hidden;}
.section-box{width:94%;margin:0 auto;}
#main-content .section-box,
#container .section-box{padding-bottom:30px;}
@media screen and (max-width:767px){.pc-view{display:none !important;}
#main-content p{font-size:14px;}
li,th,a,h1,h2,h3,h4,h5,h6,p{font-size:0.85rem;}
}
@media print,screen and (min-width:768px){#content{margin-bottom:60px;overflow:hidden;}
.section-box{width:1080px;margin:0 auto;overflow:hidden;}
#content .section-box{margin:0 auto 30px;}
#main-content,
#container{width:auto;}
.sp-view{display:none !important;}
}
#head{display:block;position:relative;clear:both;}
#head a{text-decoration:none;}
.head-main{display:inline-block;width:50%;margin-top:10px;margin-left:3%;margin-bottom:10px;}
.logo{width:100%;height:auto;display:block;float:left;}
#main-nav .nav .home span{display:none;}
.nav li{font-family:'Quicksand', 'sans-selif';}
#main-visual{background-repeat:repeat;background-position:center center;background-size:auto 180px;padding:20px 4% 16px;color:#fff;display:flex;align-items:center;min-height:180px;}
#main-visual p{font-family:'Noto Sans Japanese', 'sans-selif';font-size:12px;line-height:160%;}
.back{background-image:url(../img/main.jpg);background-size:100%, auto;}
@media print,screen and (min-width:375px){#main-visual p{font-size:13px;}
}
@media print,screen and (min-width:414px){#main-visual p{font-size:14px;}
}
@media screen and (max-width:767px){.head-back{background-color:rgba(255, 255, 255, 0.5);}
.head-txt{display:none;}
#main-nav .nav li a,
#main-nav .sub-nav li a{line-height:135%;text-align:center;font-size:15px;padding-top:16px;color:#fff;}
#main-nav .sub-nav li a{font-size:13px;}
.spmenu_btn{display:block;position:absolute;top:24px;right:15px;width:30px;height:22px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.spmenu_btn:before{content:'\e91a';font-family:'Quicksand' ,"icomoon";position:absolute;width:30px;height:30px;top:-13px;right:0;font-size:30px;color:#002364;}
.spmenu_btn.active:before{content:'\e91c';}
.spmenu{display:none;position:absolute;top:51px;left:0;width:100%;background:#002364;}
nav{display:block;width:100%;margin:0 auto;}
nav li a{display:block;width:100%;color:#FFF;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;border-bottom:1px solid #fff;}
#main-nav .nav .home:before{content:"\e918";font-family:'Quicksand' ,"icomoon";color:#ffffff;}
}
@media print,screen and (min-width:768px){.head-back{background-color:rgba(255, 255, 255, 0.5);}
#head{padding:27px 0 23px;width:1080px;display:block;margin:0 auto;position:relative;overflow:hidden;}
#head a{color:#666666;}
.head-txt{display:block;text-align:right;}
.head-txt p{font-size:small;color:rgb(46, 46, 46);line-height:100%;}
.head-main{margin:17px 0 0 0;float:left;width:220px;}
.logo{margin:0;display:inline-block;}
.logo img{width:220px;height:auto;}
#main-nav nav{display:flex;align-items:center;justify-content:space-between;position:relative;width:787px;margin:40px 0 0 0;font-size:smaller;float:right;padding-left:40px;}
.spmenu{display:block !important;}
.nav{display:flex;justify-content:space-between;float:right;}
.nav li{position:relative;}
.nav li a{padding:2px 33px 0;border-right:1px solid #666666;font-size:16px;font-weight:500;}
.nav li:last-child a{border-right:none;}
.sub-nav{display:flex;justify-content:space-between;float:right;}
.sub-nav li{position:relative;display:inline-block;margin-left:20px;}
.sub-nav li a{padding:0 0 0 5px;color:#666;}
.sub-nav li a:before{content:"\e900";font-family:'Quicksand' ,"icomoon";margin-right:7px;}
#main-visual{background-size:auto 327px;color:rgb(0, 0, 0);height:327px;box-sizing:border-box;padding:0;display:flex;}
#main-visual p{color:#fff;display:block;font-size:23px;line-height:180%;padding:0 0 0 5px;box-sizing:border-box;text-shadow:1px 2px 3px #808080;}
#main-txt{width:1080px;margin:auto;}
#main-nav .nav .home:before{content:"\e918";font-family:'Quicksand' ,"icomoon";font-weight:400;color:#003398;}
}
@media screen and (max-width:767px){.header-btn{width:100%;height:auto;display:block;}
.header-btn-box{display:block;overflow:hidden;position:absolute;width:29.86666667%;right:15%;top:0;z-index:29;}
}
@media print,screen and (min-width:768px){.header-link-box{padding:0;overflow:hidden;height:28px;box-sizing:border-box;display:block;width:676px;width:800px;right:0;top:16px;position:absolute;z-index:33;}
.header-link-box .header-link-list{margin-top:8px;}
.header-link-box .header-link-list li{float:right;}
.header-link-box .header-link-list li a{font-size:11px;position:relative;display:block;padding-left:10px;margin-left:33px;}
.header-link-box .header-link-list li a:before{content:"\f105";font-family:'Quicksand' ,'FontAwesome';top:0;position:absolute;left:0;}
}
#footer{background-color:#ebeff7;margin-top:40px;}
#footer .footer-box .footer-list-box{padding-top:30px;padding-bottom:10px;}
#footer .footer-box .footer-list{display:flex;flex-wrap:wrap;justify-content:center;}
#footer .footer-box .footer-list li{border-right:1px solid #a6b3cd;margin-bottom:20px;}
#footer .footer-box .footer-list li:last-child{border-right:none;}
#footer .footer-box .footer-list li a{padding:0 20px 0 20px;display:block;line-height:100%;text-decoration:none;}
#footer .footer-box a{color:#003399;}
#footer .copyright-box{display:block;padding:0 0 50px;background-color:#002265;position:relative;}
#footer .copyright{color:#fff;text-align:center;padding-top:25px;padding-bottom:20px;display:block;line-height:140%;}
#footer .footer-logo img{width:40%;}
#servicesite{background-color:#F0F8FF;padding:40px 0;}
#servicesite h4{padding-right:0px;padding-left:10px;clear:both;border-left:5px solid #dde1eb;font-weight:bold;display:block;}
#servicesite .content{padding:0;margin:0;}
#servicesite .content ul{margin-top:15px;padding-bottom:5px;display:block;}
#servicesite .content ul li{margin-top:15px;padding-top:4px;padding-right:8px;padding-bottom:0px;margin-right:8px;line-height:140%;}
#servicesite .content ul li a{text-decoration:underline;}
#servicesite .content ul li:first-child{font-weight:bold;}
#servicesite .content ul li:last-child{border-right:none;}
@media print,screen and (min-width:768px){#footer .footer-logo{margin-top:0;}
#footer .footer-logo img{width:20%;}
#footer .footer-box .footer-list-box{width:1080px;margin:0 auto;position:relative;padding:50px 0 30px;}
#footer .footer-box .footer-list li a{display:block;position:relative;padding:0 30px 0 30px;}
#servicesite{background-color:#F0F8FF;padding:60px 0;}
#servicesite .content ul{display:flex;flex-wrap:wrap;margin-left:150px;}
#servicesite .content ul li{padding-right:12px;margin-right:12px;margin-top:10px;border-right:1px solid #d0d6e2;line-height:100%;}
#servicesite .content ul li:first-child{border-right:none;text-indent:-150px;margin-right:0;padding-right:0;width:0;}
}
.pagetop{position:fixed;right:-3px;bottom:-5px;display:none;overflow:hidden;}
.pagetop a{width:66px;height:66px;box-sizing:border-box;display:block;padding-top:19px;text-decoration:none;opacity:0.7;background-color:#002364;text-align:center;border-radius:3px;}
.pagetop a:before{content:"\e917";font-family:'Quicksand' , "icomoon";color:#fff;font-size:30px;}
.pagetop span{display:none;}
@media print,screen and (min-width:768px){.pagetop{right:10px;bottom:10px;}
.pagetop a{width:66px;height:66px;padding-top:21px;}
.pagetop a:before{font-size:20px;}
}