@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-family:"游ゴシック", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
color:#1b1b1b; font-size:100%; background-color:#F5FBFE; }
img { max-width:100%; width /***/:auto; /* IE8のみ */ height:auto; vertical-align:bottom; border:none!important; }
a { text-decoration:none;color:#1b1b1b; }
/***a:hover { background-color:#ffffff;opacity: 0.47; }***/
p { margin:0; padding:1em 0; }
p.indt { text-align:left; padding:0.5em 1.5em; }
h2 { padding:1em; }

#Wrapper { width:100%;  margin:0; padding:0;  }    
header {
margin:0 auto;
height:380px;
background:url(../images/head_bg.jpg) no-repeat center center ;
background-size: cover;
}
header .h-flex-b { flex-wrap:wrap; justify-content:space-around; flex-direction: row-reverse;}
header .h-flex-b p.visual_logo { text-align:right; margin-top:10.2em; }
h1 { font-size:270%; margin:0; padding:0 1em 1em 1em; text-align:center; font-family:"游明朝"; color:#001455; text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px,white -1px -1px 0px;  }
h1 img { padding-top:3em; }
section {max-width:1160px; padding:1.5em 3em; margin:0 auto 2.5em auto; display:block; text-align:center; background-color:#fff; box-shadow:0px 0px 4px -1px #2c3e2b;
-moz-box-shadow:0px 0px 4px -1px #2c3e2b;
-webkit-box-shadow:0px 0px 4px -1px #2c3e2b;
 }
.tagline { color:#001455; font-size:1.2em; font-weight:bold; padding:0; text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px,white -1px -1px 0px;}


p.gotop{ position: fixed; right: 5%; bottom: 2%; }
p.gotop a { width: 45px; height: 45px; display: block; }
#Phone { background-color:#fdfdf2; }

footer { width:100%;  margin:0 ;background: #0E2360; }
#FootNavi { font-size:80%; display:flex; flex-wrap:wrap; justify-content:flex-start; flex-direction: row; }
#FootNavi li { list-style-image:url(../images/foot_icn.png); margin-right:1.9em; color:#fff; }
#FootNavi li a { color:#fff; }
#FootNavi li a:hover { text-decoration:underline;opacity:1; background-color:rgba(0,0,255,0); }
#Copy { color:#fff; text-align:center; padding:0.6em 0 0.4em 0; }

@media only screen and (min-width: 768px) and (max-width: 960px) {
#Wrapper { width:100%;  margin:0 auto; padding:0;  }    
section { padding:0 1em; }
header .h-flex-b p.visual_logo { text-align:right; margin-top:6.4em; }

footer { display:block; width:100%;  margin:0 auto; background-color:#0E2360; }
.foot-bg {width:100%!important; flex-direction:column;  }
#Copy { text-align:center!important; }
#FootNavi { margin:0; padding:0; font-size:100%; }
#FootNavi li { border-bottom:2px solid #cccccc; width:100%; list-style-image:url(../images/foot_icn.png); padding:0.6em 0; margin-right:0; list-style-position:inside;}
#FootNavi li a { display:block; padding:1em ;}
.outlink_btn li { width:98%!important; margin-bottom:0.5em; font-size:90%!important; }
.outlink_btn02 li { width:98%!important; margin-bottom:0.5em; font-size:90%!important; }
.outlink_btn03 li { width:98%!important; margin-bottom:0.5em; font-size:90%!important; }
.inlink_btn ul li { width:98%!important; margin-bottom:0.4em; font-size:90%!important;}
.outlink_btn03 ul li:first-child { margin-right:0!important; }
	
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
#Wrapper { width:98%;  margin:0 auto; padding:0;  }    
header { background-image: url(../images/sp_head_bg.jpg);width:auto;
height:390px;
margin:0 auto; 
overflow:hidden;
background-repeat: no-repeat;
background-position:top  center;
background-size: cover;
text-align: center;
 }
h1 { height:300px; padding:0 ; margin-bottom:0; background-size:contain; }
section { padding:0 0.7em; }
header .h-flex-b p.visual_logo { text-align:right; margin-top:-0.6em; }

header .h-flex-b p.visual_logo { text-align:center;  }
footer { display:block; width:100%;  margin:0; background-color: #0E2360; }
.foot-bg {width:100%!important; flex-direction:column;  }
#FootLogo { text-align:center; }
div.flex-b-ct img { margin:1em 0; } 
#Copy { text-align:center!important; }
#FootNavi { margin:0; padding:0; font-size:100%; }
#FootNavi li { border-bottom:2px solid #cccccc; width:100%; list-style-image:url(../images/foot_icn.png); padding:0.6em 0; margin-right:0; list-style-position:inside;}
#FootNavi li a { display:block; padding:1em ;}
.outlink_btn li { width:98%!important; margin-bottom:0.5em; font-size:90%!important; }
.outlink_btn02 li { width:98%!important; margin-bottom:0.5em; font-size:90%!important; }
.outlink_btn03 li { width:98%!important; margin-bottom:0.5em; font-size:90%!important; }
.inlink_btn ul li { width:98%!important; margin-bottom:0.4em; font-size:90%!important;}
.outlink_btn03 ul li:first-child { margin-right:0!important; }
div#balloon7{ height:350px!important; margin-bottom:1em!important;}

}

@media only screen and (max-width: 480px) {
#Wrapper { width:100%;  margin:0 auto; padding:0;  }
header { background-image: url(../images/sp_head_bg.jpg);
width:auto;
height:auto;
margin:0 auto; 
overflow:hidden;
background-repeat: no-repeat;
background-position:top  center;
background-size: cover;
text-align: center; 
}
h1 { height:181px; padding:1.6em 0 0 0 ; margin-bottom:0; background-size:contain; }
section { padding:0 0.7em; }
header .h-flex-b p.visual_logo { text-align:center; padding: 0.2em 0.2em 0 0.2em; }

div.flex-b-ct img { margin:1em 0!important; } 
div.chlist { height:510px; background:url(../../images/img07_sp.jpg) center top no-repeat; background-size:contain; }
div.chlist img { display:none; }
footer { display:block; width:100%;  margin:0; background-color: #0E2360; }
.foot-bg {width:100%!important; flex-direction:column;  }
#Copy { text-align:center!important; }
#FootNavi { margin:0; padding:0; font-size:100%; }
#FootNavi li { border-bottom:2px solid #cccccc; width:100%; list-style-image:url(../images/foot_icn.png); padding:0.6em 0; margin-right:0; list-style-position:inside;}
#FootNavi li a { display:block; padding:1em ; }
.outlink_btn li { width:98%!important; margin-bottom:0.5em; font-size:90%!important; }
.outlink_btn02 li { width:98%!important; margin-bottom:0.5em; font-size:90%!important; }
.outlink_btn02 li a { padding:1.2em 2em!important; }
.outlink_btn03 li { width:98%!important; margin-bottom:0.5em; font-size:90%!important; }
.inlink_btn ul li { width:98%!important; margin-bottom:0.4em; font-size:90%!important;}
.outlink_btn03 ul li:first-child { margin-right:0!important; }
div#balloon7{ height:350px!important; margin-bottom:1em!important;}

}