@charset "utf-8";
*{padding:0;margin:0}
ol,ul,dl,li,dt,dd{list-style:none}
hr{display:none}
img{vertical-align:top}
body{color:#333;font:87.5%/1 メイリオ,Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;background:#fff;text-align:left}
a,img{margin:0;padding:0;border:none}
h1,h2,h3,h4,h5,h6{font-size:100%;line-height:1}
sup,sub{height:0;line-height:1;vertical-align:baseline;margin:0 1px;position:relative}
.ie6 sup,.ie6 sub{vertical-align:bottom}
sup{bottom:.7ex}
sub{top:.1ex}
a{color:#38b4dc;text-decoration:none}
a:link{color:#38b4dc}
a:visited{color:#639}
a:hover{color:#73cae6;text-decoration:underline}
img.imgIcon{vertical-align:-.2em;margin-left:5px}
img.imgIconL{vertical-align:-.2em;margin-right:5px}
#container{min-width:960px}
.dsp-none{display:none}
.cClear{clear:both!important}
.fLeft{float:left!important}
.fRight{float:right!important}
.clearfix:after{content:"";display:block;clear:both;height:0}
.ie6 .clearfix,.ie7 .clearfix{display:inline-block}
.alignL{text-align:left!important}
.alignC{text-align:center!important}
.alignR{text-align:right!important}
.valignT{vertical-align:top!important}
.valignM{vertical-align:middle!important}
.valignB{vertical-align:bottom!important}
.mT0{margin-top:0!important}
.mT5{margin-top:5px!important}
.mT10{margin-top:10px!important}
.mT15{margin-top:15px!important}
.mT20{margin-top:20px!important}
.mT25{margin-top:25px!important}
.mT30{margin-top:30px!important}
.mT40{margin-top:40px!important}
.mT50{margin-top:50px!important}
.mR20{margin-right:20px!important}
.mB0{margin-bottom:0!important}
.mB5{margin-bottom:5px!important}
.mB10{margin-bottom:10px!important}
.mB15{margin-bottom:15px!important}
.mB20{margin-bottom:20px!important}
.mB25{margin-bottom:25px!important}
.mB30{margin-bottom:30px!important}
.mB40{margin-bottom:40px!important}
.mB50{margin-bottom:50px!important}
.mL20{margin-left:20px!important}
.pT0{padding-top:0!important}
.pT5{padding-top:5px!important}
.pT10{padding-top:10px!important}
.pT15{padding-top:15px!important}
.pT20{padding-top:20px!important}
.pT25{padding-top:25px!important}
.pT30{padding-top:30px!important}
.pT40{padding-top:40px!important}
.pT50{padding-top:50px!important}
.pR20{padding-right:20px!important}
.pB0{padding-bottom:0!important}
.pB5{padding-bottom:5px!important}
.pB10{padding-bottom:10px!important}
.pB15{padding-bottom:15px!important}
.pB20{padding-bottom:20px!important}
.pB25{padding-bottom:25px!important}
.pB30{padding-bottom:30px!important}
.pB40{padding-bottom:40px!important}
.pB50{padding-bottom:50px!important}
.pL20{padding-left:20px!important}
.txt-size10{font-size:71.4%!important}
.txt-size11{font-size:78.6%!important}
.txt-size12{font-size:85.7%!important}
.txt-size13{font-size:92.9%!important}
.txt-size16{font-size:114.3%!important}
.txt-size18{font-size:128.6%!important}
.txt-size20{font-size:142.9%!important}
.lh-125{line-height:1.25!important}
.lh-140{line-height:1.4!important}
.lh-180{line-height:1.8!important}
.textNormal{font-weight:400!important}
.nowrap{white-space:nowrap}
.textUrl{word-break:break-all}
.textS{font-size:85.7%}
.textL{font-size:128.6%}
.textRed{color:red!important}
.key{color:#2980b9!important}
#hdr-catch{color:#fff;font-size:85.7%;background:#38b4dc;padding:7px 0}
#hdr-catch div{margin:0 auto;width:937px;padding-left:3px;overflow:hidden}
#hdr-catch a{color:#fff;text-decoration:underline}
#hdr-menuArea{width:940px;margin:0 auto;padding:16px 0 15px;overflow:hidden}
#hdr-logo{float:left}
#hdr-menu{float:right;width:422px;overflow:hidden}
#hdr-menu li{float:left}
#globalNav{background:url(../../../shared/img/hdr_bg_gb.gif) repeat-x 0 0;height:45px;padding:1px 0 2px}
#globalNav ul{width:940px;margin:0 auto}
#globalNav li{float:left;width:157px;position:relative;z-index:1}
#globalNav #gb-home{width:155px}
#globalNav li a{background:url(../img/hdr_gb_spr.gif) no-repeat;display:block;width:100%;height:45px}
#globalNav li a span{display:none}
#globalNav #gb-home a{background-position:0 0}
#globalNav #gb-about a{background-position:-155px 0}
#globalNav #gb-merit a{background-position:-312px 0}
#globalNav #gb-introduction a{background-position:-469px 0}
#globalNav #gb-function a{background-position:-626px 0}
#globalNav #gb-faq a{background-position:-783px 0}
#globalNav #gb-home a:hover,#globalNav #gb-home.hover a,#home #gb-home a{background-position:0 -50px}
#globalNav #gb-about a:hover,#globalNav #gb-about.hover a,#about #gb-about a{background-position:-155px -50px}
#globalNav #gb-merit a:hover,#globalNav #gb-merit.hover a,#merit #gb-merit a{background-position:-312px -50px}
#globalNav #gb-introduction a:hover,#globalNav #gb-introduction.hover a,#introduction #gb-introduction a{background-position:-469px -50px}
#globalNav #gb-function a:hover,#globalNav #gb-function.hover a,#function #gb-function a{background-position:-626px -50px}
#globalNav #gb-faq a:hover,#globalNav #gb-faq.hover a,#faq #gb-faq a{background-position:-783px -50px}
#localMenuArea{float:right;width:240px}
#localMenuArea li{padding-bottom:10px}
#footer{font-size:85.7%;clear:both;margin-top:70px;background:#f5f3f3}
#ftr-inr{width:922px;margin:0 auto;padding:21px 9px 22px;position:relative}
#ftr-pagetop{position:absolute;right:0;top:-28px}
.pc_only{display:block!important}
.sp_only{display:none!important}
@media screen and (max-width: 760px) {
.pc_only{display:none!important}
.sp_only{display:block!important}
}
#hdr-catch_sp{display:none}
@media screen and (max-width: 760px) {
#hdr-catch_sp{color:#fff;font-size:70%;background:#38b4dc;padding:2px 10px;display:block;line-height:initial}
#hdr-catch_sp a{color:#FFF;text-decoration:underline}
}
#hdr-menu02_sp{display:none}
#hdr-menu02_sp li{float:left;width:48%}
@media screen and (max-width: 760px) {
#hdr-menu02_sp{margin:auto;margin-left:4%}
#hdr-menu02_sp li img{width:100%;border-radius:10px}
.contact-fix{position:fixed;display:block;width:100%;padding-bottom:10px;bottom:0;background-color:#38b4dc;z-index:999}
}
.header-sp{display:none}
@media screen and (max-width: 760px) {
.header-sp{display:block;background-color:#fff;box-shadow:1px 1px 4px 0 rgba(0,0,0,.1);position:fixed;width:100%;z-index:3;overflow-y:scroll}
.header-sp ul{margin:0;padding:0;list-style:none;overflow:hidden;background-color:#eee}
.header-sp li a{display:block;padding:20px;border-bottom:1px solid #2498bd;text-decoration:none;font-size:16px;color:#FFF}
.sp_sup-nav li a{padding-left:40px!important;background-color:#79cde7}
.header-sp li a::before{padding-right:.2em;color:#1e88aa}
.header-sp li a:hover,.header-sp .menu-btn:hover{background-color:#FFF;color:#38b4dc;opacity:1}
.header-sp .logo{display:block;float:left;font-size:2em;padding:10px 15px;text-decoration:none;width:60%}
.header-sp .logo img{width:112%;margin-top:9px}
.header-sp .menu{clear:both;max-height:0;overflow:hidden;transition:max-height .2s ease-out}
.header-sp .menu-icon{cursor:pointer;display:inline-block;float:right;padding:35px 20px;position:relative;user-select:none}
.header-sp .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:25px}
.header-sp .menu-icon .navicon:before,.header-sp .menu-icon .navicon:after{background:#333;content:'';display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}
.header-sp .menu-icon .navicon:before{top:5px}
.header-sp .menu-icon .navicon:after{top:-5px}
.header-sp .menu-btn{display:none}
.header-sp .menu-btn:checked ~ .menu{max-height:940px}
.header-sp .menu-btn:checked ~ .menu-icon .navicon{background:transparent}
.header-sp .menu-btn:checked ~ .menu-icon .navicon:before{transform:rotate(-45deg)}
.header-sp .menu-btn:checked ~ .menu-icon .navicon:after{transform:rotate(45deg)}
.header-sp .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,.header-sp .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after{top:0}
}
@media (min-width: 48em) {
.header-sp li{float:left}
.header-sp li a{padding:20px 30px}
.header-sp .menu{clear:none;float:right;max-height:none}
.header-sp .menu-icon{display:none}
}
.navigation{background:#FFF}
.brand{position:absolute;padding-left:20px;float:left;line-height:70px;text-transform:uppercase;font-size:1.4em}
.brand a,.brand a:visited{color:#fff;text-decoration:none}
.nav-container{max-width:1000px;margin:0 auto}
nav#sp{float:right}
nav#sp ul{overflow:auto!important;height:81vh;list-style:none;margin:0;padding:0}
nav#sp ul li{float:left;position:relative}
nav#sp ul li a,nav#sp ul li a:visited{display:block;padding:0 20px;line-height:70px;background:#006597;color:#fff;text-decoration:none}
nav#sp ul li a:hover,nav#sp ul li a:visited:hover{background:#004e75;color:#fff}
nav#sp ul li a.exlink,nav#sp ul li a.exlink:visited{background:#38b4dc;}
nav#sp ul li a.exlink:hover,nav#sp ul li a.exlink:visited:hover{background:#004e75;}
nav#sp ul li a.exlink > span {display: flex;align-items: center;}
nav#sp ul li a.exlink > span::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(../../img/icon_external_link.svg) no-repeat 50%;
    background-size: 12px auto;
    filter: brightness(0) invert(1);
    margin-left: 8px;
}


nav#sp ul li a:not(:only-child):after,nav#sp ul li a:visited:not(:only-child):after{padding-left:4px;content:' ▾'}
nav#sp ul li ul li{min-width:190px}
nav#sp ul li ul li a{padding:15px;line-height:20px}
.nav-dropdown{overflow:auto;height:100%;position:absolute;display:none;z-index:1;box-shadow:0 3px 12px rgba(0,0,0,0.15)}
.nav-mobile{display:none;position:absolute;top:0;right:0;background:#0b1991;max-height:72px;max-width:72px;width:100%}
@media only screen and (max-width: 760px) {
.nav-mobile{display:block;top:35px;max-height:72px;max-width:72px;width:100%}
nav#sp{width:100%}
nav#sp ul{display:none}
nav#sp ul li{float:none}
nav#sp ul li a{padding:15px 20px;line-height:20px}
nav#sp ul li ul li a{padding-left:30px}
.nav-dropdown{position:static}
}
@media screen and (min-width: 799px) {
.nav-list{display:block!important}
}
#nav-toggle{position:absolute;left:18px;top:22px;cursor:pointer;padding:10px 35px 16px 0}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{cursor:pointer;border-radius:1px;height:5px;width:35px;background:#006597;position:absolute;display:block;content:'';transition:all 300ms ease-in-out}
#nav-toggle span:before{top:-10px}
#nav-toggle span:after{bottom:-10px}
#nav-toggle.active span{background-color:transparent}
#nav-toggle.active span:before,#nav-toggle.active span:after{top:0}
#nav-toggle.active span:before{transform:rotate(45deg)}
#nav-toggle.active span:after{transform:rotate(-45deg)}
article{max-width:1000px;margin:0 auto;padding:10px}