@charset "UTF-8";

/* ================================
	Base
================================ */
.container{ width: 100%; }
.container > .inner,.inner{ max-width: 990px; margin: 0 auto;}

/* 固定幅用調整
---------------------- */
.container.is-fix > .inner,
.is-fix + .container > .inner,.inner{ width: 990px; }

/* ================================
	module:footer
================================ */
.globalFooter{ background: #fff; }
.globalFooter__credit{
    padding: 1em 0;
    text-align: center;
    color:#000;
    font-size:16px;
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Osaka,sans-serif;
    font-weight:bold;
}
.globalFooter__link{
    max-width: 990px;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
    overflow: hidden;
}
.globalFooter__link a{
    display: block;
    color:#435B67;
    text-decoration: underline;
    font-size:11px;
}
@media (min-width:768px){
    .globalFooter__link{ text-align: left;}
    .globalFooter__link--left{ float: left; }
    .globalFooter__link--right{ float: right;}
}

/* 固定幅用調整
---------------------- */
.is-fix + .globalFooter .globalFooter__link{ text-align: left;}
.is-fix + .globalFooter .globalFooter__link--left{ float: left; }
.is-fix + .globalFooter .globalFooter__link--right{ float: right;}

/*************************************************************
adding style
**************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y:scroll; }
h1, h2, h3, h4, h5, h6, td, input { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
a img, li img { vertical-align:bottom; }
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }
* {padding: 0;margin: 0;}
body,html{padding: 0;margin: 0;}
a,a img{ margin:0; padding:0; border:none; text-decoration: none;}
a:hover img{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
img{max-width: 100%;vertical-align: bottom;border: none;outline: none;transition: all .3s ease-in-out;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;display: block;width: 100%;}
h2{text-align: center;}
.inr{padding: 15px;}

body{font-size: 16px;line-height: 1.9em;letter-spacing: 1px;}
main{background: #090e2b;}

.fv{text-align: center;background:url(../images/fv-ln.png) center bottom repeat-x #0a1139;overflow: hidden;}
.fv h1{font-size: 0;line-height: 1.4em;}

.block1{background:url(../images/blk1-bg.png) center 0 no-repeat #052473;background-size: cover; color: #fff;padding: 30px 0 0;background-attachment: fixed;}
.block1 .bnr{overflow: hidden;padding: 20px 10px;border-radius: 6px;background: #02104d;margin: 0 auto 30px;width: 95%;}
.block1 .bnr ul{text-align: center;margin: 0 0 10px;}
.block1 .bnr ul li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 10px;}
.block1 .bnr .wrn{text-align: right;font-size: 11px;line-height: 1.6em;letter-spacing: 0;margin: 8px 0 0;}
#slideshow {margin: 0 auto;width: 450px;text-align: left;float: left;}
#slideshow div {width: 450px;height: 287px;overflow: hidden;position: relative;}
#slideshow div div {top: 0;left: 0;position: absolute;}
#slideshow ul {width: 450x;}
#slideshow ul li {width: 150px;float: left;display: inline;}
#slideshow .active {filter:alpha(opacity=100)!important;-moz-opacity: 1!important;opacity: 1!important;}
#slideshow ul:after {content: ".";height: 0;clear: both;display: block;visibility: hidden;}
#slideshow ul {display: inline-block;overflow: hidden;}
.block1 .ctn{margin: 30px 0 50px;overflow: hidden;}
.block1 .txt{float: right;width: 49%;}
.block1 .txt.txt2 span{letter-spacing: 0;}
.block1 .txt .sch{margin: 10px 0 0;}
#slideshow2 {margin: 0 auto;width: 450px;text-align: left;float: left;}
#slideshow2 div {width: 450px;height: 287px;overflow: hidden;position: relative;}
#slideshow2 div div {top: 0;left: 0;position: absolute;}
#slideshow2 ul {width: 450x;}
#slideshow2 ul li {width: 150px;float: left;display: inline;}
#slideshow2 .active {filter:alpha(opacity=100)!important;-moz-opacity: 1!important;opacity: 1!important;}
#slideshow2 ul:after {content: ".";height: 0;clear: both;display: block;visibility: hidden;}
#slideshow2 ul {display: inline-block;overflow: hidden;}

.block2{background:url(../images/blk2-bg.jpg) center 0 no-repeat;background-size: cover; color: #fff;padding: 40px 0;background-attachment: fixed;}
.block2 .inr{background: #1d4279;border-radius: 10px;}
.block2 .ctn{margin: 40px 0;overflow: hidden;}
.block2 .img{float: left;}
.block2 .txt{float: right;width: 49%;letter-spacing: 0;}
.block2 .txt .ti{margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dashed #f6ffca;}
.block2 .txt .lk{margin: 15px 0 0;text-align: center;}
.block2 .ctn2 {margin: 40px 0;overflow: hidden;}
.block2 .ctn2 .txt{float: left;}
.block2 .ctn2 .img{float: right;}
.block2 .center{text-align: center;margin: 30px 0 15px;}

.block1add{background:url(../images/block1add-bg.jpg) center 0 no-repeat #fff;background-size: cover; color: #111;padding: 30px 0;background-attachment: fixed;}
.block1add .ctn{margin: 30px 0 0;overflow: hidden;}
.block1add .img{float: left;}
.block1add .txt{float: right;width: 49%;letter-spacing: 0;}

.block3{padding: 40px 0; overflow: hidden;}
.block3 .inner{background:url(../images/blk3-bg.png);}
.block3 .map{text-align: center;margin: 30px 0;}
.block3 ul{text-align: center;overflow: hidden;font-size: 0;letter-spacing: 0;}
.block3 ul li{display: inline-block;*zoom: 1;*display: inline; vertical-align: top; margin: 0 5px 10px;}

.btm{padding: 40px 0;background: #121943;color: #fff;overflow: hidden;}
.btm .ctn{text-align: center;margin: 0 auto;width: 44%;}
.btm .ctn .lnk{margin: 0 0 25px;}
.btm .wrn{text-align: right;font-size: 12px;line-height: 1.4em;margin: 5px 0 0;}

@media screen and (max-width: 1024px) {
.container.is-fix > .inner, .is-fix + .container > .inner, .inner {width: 950px;}
.container > .inner, .inner {max-width: 950px;margin: 0 auto;}
.block1 .bnr{width: 100%;}
.btm .ctn{width: 70%;}
}