@charset "utf-8";

/* リセット
--------------------------------*/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}
ol, ul{list-style:none;}
table{border-collapse: collapse; border-spacing:0;}
img {border: none;}
body {
	color: #1a1a1a;
	position:relative;
	font-size: 13px;
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
a,body,p,th,td,h1,h2,h3,div,ul,li{
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
	max-height: 100%;
}
html {
	position:relative;
}

/* 回り込み */
.f-right {float: right;}
.f-left {float: left}
.f-clear {clear: both;}
.clearfix:after,article:after,section:after,header:after,footer:after,.wrapper:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* 段落 */
p {line-height: 1.7em; margin-bottom: 15px;}
p:last-child {margin-bottom: 0px;}
.t-right {text-align :right;}
.t-left {text-align: left;}
.t-center {text-align: center;}

/* 余白 */
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb100 {margin-bottom: 100px!important;}
.mb160 {margin-bottom: 160px!important;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px!important;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top:60px!important;}
.mt100 {margin-top:100px!important;}
.ml10 { margin-left:10px;}
.mr10 { margin-right:10px;}
.ml20 { margin-left:20px;}
.mr20 { margin-right:20px;}

/* 文字 */
.bold {font-weight: bold;}
.under {text-decoration:underline;}
.va-M {vertical-align:middle;}
.small {font-size:small;}
.xsmall {font-size:x-small;}
.xxsmall {font-size:xx-small;}
.large {font-size:large;}
.xlarge {font-size:x-large;}
.xxlarge {font-size:xx-large;}
.larger {font-size:larger;}

.dekamoji {font-weight:bold;font-size:x-large;}
.aomoji {color:#003d92;}
.akamoji {color:#CF221C;}
.highlighter {background:linear-gradient(transparent 60%, rgb(255, 229, 0) 60%);}


/* リンク */
a {text-decoration:none; color:#003d92;}
a:hover {color:#A5A5A5;}
a:hover img{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    zoom: 1;
}
.blue_btn {
	text-align: center;
	background-color:#003d92;
	border-radius:3px;
	color: #000;
	font-weight: bold;
	border: none;
	padding: 8px 35px;
	outline: none;
	-webkit-appearance: none;
	margin-top:90px;
	color:#fff;
	display:inline-block;
}
.blue_btn:hover{
	color:#FFF!important;
	background-color:#5a88c8; /*ボタン色*/
}
.btn {
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	padding: 8px 35px;
	background-color: #003d92; /*ボタン色*/
	border-radius: 5px; /*角丸*/
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.btn:hover{
	color:#FFF!important;
	background-color:#A5A5A5; /*ボタン色*/
}
.button {
    width: 300px;
    margin: 0 auto;
    padding: 15px 0;
    font-size: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
    background: #008DDD;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}

/* レスポンシブ  */
.w100 {width:100%;height:auto;}
.res-block {display:none}

.img_center {
	margin:0 auto;
	display:block;
	max-width:100%;
	height:auto;
}

/* 見出し */
.h_img {margin-bottom:30px;}
.h_blue {
	font-weight:bold;
	color:#003D92;
	font-size:16px;
	text-align:center;
}
.h_mail {
	font-weight:bold;
	padding:10px;
}
.h_single {
	text-align:center;
	padding:15px;
	font-weight:bold;
	font-size:16px;
	margin:15px 0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
/* リスト */
.ul_under li{
	padding:15px 10px;
	border-bottom:1px solid #CCCCCC;
}
/* テーブル */
.tbl_under {
	width:100%;
	border-top:1px solid #CCCCCC;
}
.tbl_under  th , .tbl_under td{
	border-bottom:1px solid #CCCCCC;
	padding:15px 0px 15px 15px;
	text-align:left;
}
.tbl_under  th  {
	vertical-align:middle;
	display:table-cell;
	font-weight:bold;
	width:110px;
}
/* テーブル 線なし */
.tbl_nounder {
	width:100%;
}
.tbl_nounder th , .tbl_nounder td{
	padding-top:15px;
	padding-right:0;
	padding-bottom:15px;
	padding-left:15px;
	text-align:left;
}
.tbl_nounder  th  {
	vertical-align:middle;
	display:table-cell;
	font-weight:bold;
	width:110px;
}

.tbl_gray {
	width:100%;
}
.tbl_gray th , .tbl_gray td {
	border:1px solid #CCCCCC;
	padding:15px 0px 15px 15px;
	text-align:left;
}
.tbl_gray .gray th  {
	background-color:#E6E6E6;
	font-weight:bold;
	text-align:center;
}

/* ページャー */
.pagenavi {margin-top:90px!important;}
.pagenavi a ,.pagenavi  .current {
	display:inline-block;
	border-radius:5px;
	border:none!important;
	height:35px;
	width:35px;
	color:#fff;
	text-align:center;
	background:#5a88c8;
	line-height:30px;
	font-weight:bold;
}
.pagenavi  .current {
	background:#003d92;
}
/*******************************
/* コンテンツ幅
********************************/
article {margin-top:110px;}
.wrapper {
	width: 920px;
	margin: 0 auto;
}
section {
	width:1000px;
	margin:0 auto;
	padding:60px 0px;
}
.w500 {
	width:500px;
	height:auto;
	margin:0 auto;
}
.w700 {
	width:700px;
	height:auto;
	margin:0 auto;
}
/*** カラム組 ***/
.colwrap {
	letter-spacing: -0.4em;
}
.colwrap > * {
	letter-spacing: normal;
	vertical-align: top;
	display: inline-block;
}
.col2,.col3,.col4,.col6 {
	text-align: center;
	text-decoration: none;
	margin: 0px 1% 30px;
}
.col2 img,.col3 img,.col4 img,.col6 img {
	margin-bottom: 15px;
}
.col2 {width: 48%;}
.col3 {width: 31.33333%;}



/*******************************
/* ヘッダー
********************************/
header {
	background-color:#003D92;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:800;
}
header .inner {
	padding:25px 0px;
	width:1000px;
	margin:0 auto;
}
.hd_right {
	float:right;
	margin-top:18px;
	margin-bottom:16px;
}
.sp_call {display:none;}
/* ▼SlickNavを使う場合 */
.slicknav_menu {
	display:none;
}

/*** グローバルナビ ***/
#menu li {
	display:inline-block;
}
#menu li a {
	color:#fff;
	marginright:10px;
	padding:2px 10px;
	border-radius:5px;
	display:inline-block;
	font-weight:bold;

}
#menu li a:hover , #menu li.on a {
	background:#0C1D47;
}


/*******************************
/* ヘッダー
********************************/
section:last-child {padding-bottom:180px;}
footer {
	clear: both;

	background-color:#F5F5F5;
}
footer .inner {
	width:1000px;
	margin:0 auto;
	padding:50px 0px;
}
.ft_left {
	width:410px;
	float:left;
}
.ft_right {
	width:515px;
	float:right;
}
.fac_info{
	width:48%;
	display:inline-block;
	vertical-align:top;
  margin-right: 0px;
	margin-bottom:20px;
}
.fac_info:nth-last-child(2){
	width:48%;
	display:inline-block;
	vertical-align:top;
  margin-right: 10px;
	margin-bottom:20px;
}
.fac_info:nth-last-child(3){
	width:48%;
	display:inline-block;
	vertical-align:top;
  margin-right: 0px;
	margin-bottom:20px;
}
.fac_info:nth-last-child(4){
	width:48%;
	display:inline-block;
	vertical-align:top;
  margin-right: 10px;
	margin-bottom:20px;
}
.fac_info dt {
	font-weight:bold;
	margin-bottom:10px;
	font-size:14px;
}
.fac_info dd {line-height:1.7em;}
.ft_blue {
	background:#003D92;
	color:#fff;
	border-top:5px solid #CF221C;
}
.ft_blue .inner {	padding:35px 0px;}
.ft_nav {
	float:right;

}
.ft_nav li {
	display:inline-block;
}
.ft_nav li a{
	display:inline-block;
	color:#fff;
	font-weight:bold;
	margin-left:20px;
}
footer .block{
  margin-top:180px;
  display:block;
}
.ft_right h3.ft{
  width:45%;
  font-size:20px;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:solid #333 1px;
}
.ft_right ul{
  display:block;
}
.ft_right li{
  display:block;
}
.ft_right li a{
  width:434px;
  height:89px;
  color:#003d92;
  background-image:url(img/common/ft_right01.jpg);
  background-repeat: no-repeat;
  background-position: left;
  background-size:119px 89px;
  margin-bottom: 15px;
  background-color: #FFF;
  border:solid 1px #ccc;
  display:block;
}

.ft_right li:last-child a{
  width:434px;
  height:89px;
  color:#003d92;
  background-image:url(img/common/ft_right03.jpg);
  background-repeat: no-repeat;
  background-position: left;
  background-size:119px 89px;
  margin-bottom: 15px;
  background-color: #FFF;
  border:solid 1px #ccc;
  display:block;
}
.ft_right li a:hover{
opacity: 0.5;
}
.ft_right li span{
  position: relative;
  top:30px;
  margin-left: 130px;
  font-size:20px;
  text-align:right;
}
@media (max-width: 767px) {
  footer .block {
    margin-top: 20px;
    display: block;
}
.ft_right li a{
  width:100%;
  height:89px;
  color:#003d92;
  background-image:url(img/common/ft_right01.jpg);
  background-repeat: no-repeat;
  background-position: left;
  background-size:119px 89px;
  margin-bottom: 15px;
  background-color: #FFF;
  border:solid 1px #ccc;
  display:block;
}
.ft_right li:nth-child(2){
  width:100%;
  height:89px;
  color:#003d92;
  background-image:url(img/common/ft_right02.jpg);
  background-repeat: no-repeat;
  background-position: left;
  background-size:119px 89px;
  margin-bottom: 15px;
  background-color: #FFF;
  border:solid 1px #ccc;
  display:block;
}
.ft_right li:last-child a{
  width:100%;
  height:89px;
  color:#003d92;
  background-image:url(img/common/ft_right03.jpg);
  background-repeat: no-repeat;
  background-position: left;
  background-size:119px 89px;
  margin-bottom: 15px;
  background-color: #FFF;
  border:solid 1px #ccc;
  display:block;
}
.ft_right li span{
  font-size:15px;
}
}
/* ページトップに戻る */
#topbutton {
        width: 50px;
        height: 50px;
        position: fixed;
        bottom: 20px;
        right: 20px;
        line-height: 50px;
        display: none;
        background-color: #003D92;
        opacity: 1.0;
        border-radius: 50%;
        text-align: center;
        margin: 0px;
}
#topbutton a {
        font-size: 20px;
        text-decoration: none;
        color: #fff;
        width: 100%;
        height: 100%;
        display: block;
}
#topbutton:hover {
        opacity: 0.75;
}