@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
dl,ul,ol,menu,li{list-style:none}
fieldset,img{border:0 none}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal}
input,select,textarea,button{font-size:100%;vertical-align:middle}
a{color:inherit;text-decoration:none}
a:active,a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
legend,caption{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:1;line-height:1;z-index:-1}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,time{display:block;margin:0;padding:0}
input[type="submit"],label,button{cursor:pointer}
input[type=text],input[type=password],input[type=submit],input[type=search],textarea,button{-webkit-appearance:none;border-radius:0}
button{background-color:transparent;border:0 none}

.mImg{display:inline-block;background-image:url(../../images/img_480.png);-webkit-background-size:102px 100px;background-size:102px 100px;font-size:1;line-height:1;overflow:hidden;text-indent:-9999px;vertical-align:top}
@media only screen and (-webkit-min-device-pixel-ratio:2){
	.mImg{background-image:url(../../images/img_640.png)}
}

/* Layout */
body{width:100%;background:#f7f7f7 url(../../images/bg.jpg) no-repeat 50% 100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-text-size-adjust:none;font-size:15px;line-height:1.5;font-family:Noto Sans; color:#464646}
#main #gnb,#main .line{display:none}

header a{position:absolute; top:3px; padding:3px;}
header .le{left:3%;}
header .ri{right:3%;}
header h1{text-align:center; padding-top:0px;}
header{clear:both; position:relative; background:url(../../images/header_bg.png) repeat-x; height:54px; line-height:54px; z-index:999}
.gnb{border-bottom:1px solid #ccd1da;background:rgba(239,246,253,0.9);overflow:hidden; position:relative; top:-2px; z-index:888}
.gnb:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.gnb li{float:left;width:25%;height:32px;margin-right:-1px;border-left:1px solid #ccd1da;text-align:center}
.gnb li:first-child{border-left:0}
.gnb li a{display:block;color:#888888;font-size:13px;line-height:32px; font-weight:bold}
.gnb li.current a{color:#474747;}


nav{ width:94%; margin:0 auto;}
nav ul{margin:16px 0 6px;}
nav ul li{float:left; width:49%;  margin-bottom:5px; height:85px; position:relative; color:#fff; font-weight:bold; font-size:19px; line-height:20px;}
nav ul li p{-webkit-opacity:0.4;-moz-opacity:0.4;-o-opacity:0.4;opacity:0.4; font-weight:normal; display:inline; font-size:14px; line-height:25px;}
nav ul li span{position:absolute; right:12px; bottom:12px;}
nav ul li a{display:block; width:89%; height:74px; padding:11px 0 0 15px;}
nav ul .color01{background:url(../../images/nav01_bg.png) repeat-x #eba613;margin-right:2%;}
nav ul .color02{background:url(../../images/nav02_bg.png) repeat-x #96c82b;}
nav ul .color03{background:url(../../images/nav03_bg.png) repeat-x #1fa873;margin-right:2%;}
nav ul .color04{background:url(../../images/nav04_bg.png) repeat-x #2ba9b1;}
nav ul .color05{background:url(../../images/nav05_bg.png) repeat-x #3a82b9;margin-right:2%;}
nav ul .color06{background:url(../../images/nav06_bg.png) repeat-x #4c6aa8;}


nav ul .color07{background:url(../../images/nav_bg.png) repeat-x #3c415a; background-size:640px 60px; width:100%;}
nav ul:after{content:".";clear:both;display:block;height:0;visibility:hidden}

section{width:94%; margin:0 auto;}
section a{display:block; background:#24396a; text-align:center; height:39px; line-height:39px; color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px; font-size:17px;}
section a span{background:url(../../images/tel_png.png)0 50% no-repeat; padding:0 12px 0 28px;} 

aside{width:94%; margin:0 auto;}
aside dl{position:relative; margin:20px 0;}
aside dl dt{position:absolute; top:0; font-weight:bold; font-size:16px;}
aside dl dd{margin-left:64px; letter-spacing:-0.05em; font-size:13px;}

footer{background:#526b71; position:relative; padding:17px 3%; font-size:12px; color:#b6c3c4}
.pc_btn{padding:5px 7px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;background:#fff;overflow:hidden; display:inline-block; text-align:center; color:#063362; font-size:11px; box-shadow:0.1em 0.1em 0.1em rgba(0,0,0,.25); -webkit-box-shadow:0.1em 0.1em 0.1em rgba(0,0,0,.35); -moz-box-shadow:0.1em 0.1em 0.1em rgba(0,0,0,.35); -o-box-shadow:0.1em 0.1em 0.1em rgba(0,0,0,.35); position:absolute; right:3%;}

article{width:86%; margin:0 auto; background:#fff;  margin-top:13px; padding:20px 4%;}
article .tab li{position:relative;float:left; width:50%; height:36px; line-height:36px; text-align:center;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-o-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px; background:url(../../images/tab_bg.jpg) #83a4bd}
article .tab .radi{-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-o-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; }
article .tab:after{content:".";clear:both;display:block;height:0;visibility:hidden}
article .tab li a{color:#244864; display:block;}
article .tab li.onon{background:#4085bb url(../../images/tab_on_bg.jpg)}
article .tab li.onon a{color:#fff}
article p{color:#394242; font-size:12px;}
article p strong{padding-right:10px; color:#34426b}
article .font-size{font-weight:bold; color:#34426b}
article .imim{margin:25px 0 20px}
.tab li.onon::before,
.tab li.onon::after {
	left: 50%;
	margin-left: -8px;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	content: '';
	position: absolute;

}
.tab li.onon::before {
	bottom: -11px;
	border-top: 11px solid #4085bb;
}
.tab li.onon::after {
	bottom: -11px;
	border-top: 11px solid #4085bb;
}

.medi p{margin-top:12px;}
.medi h2{font-size:16px; color:#34426b}


.list_ma{margin-top:10px;}
.medi li{font-size:12px; background:url(../../images/but02.gif) no-repeat 4px 7px; background-size:2px; padding-left:10px;}