@charset "utf-8";
/*====================================================================================
■01.RESET HTML
■02.CLEAR FLOAT
■03.MARGIN DEFAULT
■04.LAYOUT
■05.USE MEDIA
■06.OTHER
■07.PAGE UP
■08.HEADER
■09.GOLABLE NAVIGATION
■10.FOOTER
====================================================================================*/
/*====================================================================================
■01.RESET HTML
====================================================================================*/
ul, li { list-style:none; }
img { margin:0px; padding:0px; border:0px;transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease; }
.ov_hover:hover img { opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70)"; }
a { color: #009cff; text-decoration:underline; }
a.none_color { color: #000000; text-decoration:underline; }
a.none_color:hover { color: #009cff; text-decoration:none; }
a:hover { text-decoration: none;color: #000000;}
p { font-size:14px; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body { font-size:14px;font-family:  "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color: #000000; word-break: break-word; word-wrap: break-word;line-height: 1.7; }
/*====================================================================================
■02.CLEAR FLOAT
====================================================================================*/
.clearfix:before, .clearfix:after{content:"\0020"; display:block; height:0; overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
/*====================================================================================
■03.MARGIN DEFAULT
====================================================================================*/
/*--------------------------------------------------
  margin 
-------------------------------------------------- */ 
.m00 { margin: 0px !important; }
.m05 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.mt00 { margin-top: 0px !important; }
.mt05 { 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; }
.mt33 { margin-top: 33px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 30px !important; }
.mt45 { margin-top: 35px !important; }
.mr00 { margin-right: 0px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mb00 { margin-bottom: 0px !important; }
.mb05 { 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; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb90 { margin-bottom: 90px !important; }
.ml00 { margin-left: 0px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
/* 
--------------------------------------------------
  padding
-------------------------------------------------- */
.p00 { padding: 0px !important; }
.p05 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.pt00 { padding-top: 0px !important; }
.pt05 { 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; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pr00 { padding-right: 0px !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pb00 { padding-bottom: 0px !important; }
.pb05 { 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; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pl00 { padding-left: 0px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }

.f10 {font-size: 10px !important;}
.f11 {font-size: 11px !important;}
.f12 {font-size: 12px !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f15 {font-size: 15px !important;}
.f16 {font-size: 16px !important;}
.f17 {font-size: 17px !important;}
.f18 {font-size: 18px !important;}
.f19 {font-size: 19px !important;}
.f20 {font-size: 20px !important;}
/*====================================================================================
■04.LAYOUT
====================================================================================*/
.main_content { position: relative; }
#wrapper {;overflow:hidden;}
/*====================================================================================
■05.USE MEDIA
====================================================================================*/
.pull_left { float:left !important; }
.pull_right { float:right !important; }
.media, .media-body { overflow:hidden; }
.media > .pull_left { margin-right:20px; }
.media > .pull_right { margin-left:20px; }
.media-text:after { clear: both; display: block; content: ""; height: 0px; visibility: hidden; }
.pic_l .image { float:left; margin: 5px 10px 5px 0; }
.pic_r .image { float:right; margin:5px 0 5px 10px; }
.document p { margin-bottom: 10px; }
/*====================================================================================
■06.OTHER
====================================================================================*/
.text_normal { font-weight:normal !important }
.text_bold { font-weight:bold !important }
.text_left { text-align:left !important }
.text_right { text-align:right !important }
.text_center { text-align:center !important }
.text_red { color:#f00000 !important; }
.relative {position:relative;}
.absolute {position:absolute;}
/*====================================================================================
■07.PAGE UP
====================================================================================*/
.page_up { }
/*====================================================================================
■08.HEADER
====================================================================================*/


.btn_e00::before,
.btn_e00::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.btn_e00,
.btn_e00::before,
.btn_e00::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.h_logo {
  float:left;
  padding:3px 0 0 0;
}

.h-logo{
    width: 100px; 
  height: auto;
}

.h_right {
  float:right;
  width:575px;
}

.f_logo > a > img {
    width: 302px;
    height: 36px;
}

#header {
  position: relative;
  background-color: #fff;
}
#header h1 {
  font-weight: normal;
  font-size: 11px;
  color: #7a7a7a;
  padding: 3px 0 15px 0;
  line-height: 1.3;
}
.h_mail {
  float: right;
   -webkit-transition: all .3s;
  transition: all .3s;
  background:#f33240 url(img/h_mail.png) no-repeat 15px center;
  width: 180px;
  position: relative;
  font-size: 15px;
  padding:4px 0 4px 55px;
  color:#fff;
  margin:5px 0 0 0;
  font-weight: bold;
}
.h_link  {
  float:left;
  width:158px;
  padding:12px 0 0 0;
}
.h_link li a {
  color: #333;
  text-decoration: none;
}
.h_link li a:hover {
  color: #333;
  text-decoration: underline;
}
.h_link li {
  font-size: 12px;
  background:url(img/arr01.png) no-repeat left 4px ;
  padding: 0 0 0 18px;
}
.h_mail:hover {
  opacity:0.8;
}
.h_mail a {
  color:#fff;
  text-decoration: none;
}
.h_mail a:after {
  position: absolute;
  content:"";
  top:0;
  right:0;
  bottom:0;
  left:0;
}
.h_tel {
  float:left;
  margin:5px 0 0 156px;
  text-align: right;
}

.link_over > img {
    width: 265px;
    height: 33px;
}

.h-menu > a{
width: 180px;
height: 33px;
display:inline-block;
background-color: #0C4DA2;
text-align: center;
line-height: 33px;
font-size: 17px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    margin-bottom: 5px;
position: relative;
left: 3%;
  }

.head_box01  {
  margin-bottom: 35px;
}
.top_head {
  margin-bottom:10px;
}
.lh11 {line-height: 1.1 !important;}
.lh12 {line-height: 1.2 !important;}
.lh13 {line-height: 1.3 !important;}
.lh14 {line-height: 1.4 !important;}
.lh15 {line-height: 1.5 !important;}
.lh16 {line-height: 1.6 !important;}
.lh17 {line-height: 1.7 !important;}
.lh18 {line-height: 1.8 !important;}
.lh19 {line-height: 1.9 !important;}
.lh20 {line-height: 2 !important;}
.gnav {
  padding: 0 0 2px 0;
}
nav ul {
  display:table;
  width:100%;
}
.h_mail .active {
  opacity:0.7 !important;
}
nav ul li.active {
  border-bottom:1px solid #0a21a0;
}
nav ul li:hover {
  border-bottom:1px solid #0a21a0;
}
nav ul li {
  text-align: center;line-height: 1.1;
  font-size: 15px;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-weight: normal;
  position: relative;
  padding:0 29px 7px 29px;
  float:left;
  border-bottom:3px solid #fff;
}
nav ul li:last-child a {
}
nav ul li a {
  display: inline-block;
  text-align: center;line-height: 1.1;
  width:100%;
  font-weight: normal;
  position: relative;
}
nav ul li a:hover {
}
nav ul li:hover a {
  color:#20265d;
}
nav a {
  color:#333333;
  text-decoration: none;
}

/*====================================================================================
■09.GOLABLE NAVIGATION
====================================================================================*/

/*==========================================

■10.FOOTER
====================================================================================*/
.container {width:1000px;margin: 0 auto;}
.top_foot01 {
  background:#313131;
  padding:30px 0 30px 0;
}
.box01_foot {
  float:left;
  width:280px;
}
.box02_foot {
  float:right;
  width:630px;
}
.f_menu ul {
  margin:0 145px;
}
.box02_top h3 {
  background:#88c287;
  font-size: 15px;
  color:#fff;
  font-weight: bold;
  padding:7px 0;
}
.gotop  {
  position: fixed;
  right: 5%;
  bottom: 10%;
}
.f_add {
  color:#fff;
  font-size: 12px;
}
.f_logo {
  margin:0 0 15px 0;
}
.text01_foot {
  font-size: 19px;
  line-height: 1.5;
  color:#fff;
  margin-bottom: 10px;
  font-weight: bold;
}
.f_mail {
  float: left;
   -webkit-transition: all .3s;
  transition: all .3s;
  background:#f33240 url(img/h_mail.png) no-repeat 35px center;
  width: 300px;
  position: relative;
  font-size: 15px;
  padding:5px 0 5px 80px;
  color:#fff;
  font-weight: bold;
}
.f_mail:hover {
  opacity:0.8;
}
.f_mail a {
  color:#fff;
  text-decoration: none;
}
.f_mail a:after {
  position: absolute;
  content:"";
  top:0;
  right:0;
  bottom:0;
  left:0;
}
.f_menu {
  background:#021267;
  padding:20px 0;
}
.f_menu ul {
  margin:0 26px;
}
.f_menu  li {
  float:left;
  color:#fff;
  font-size: 12px;
}
.f_menu  li a:hover {
   text-decoration: underline;
}
.f_menu  li a {
  line-height: 1;
  display:inline-block;
  border-right: 1px solid #eaf1f9;
  padding:0 9px;
  color:#eaf1f9;
  text-decoration: none;
}
.f_menu li.first a {
  border-left: 1px solid #eaf1f9;
}
.page_top_cont {
    bottom: 15%;
    position: fixed;
    width: 100%;
    z-index: 100;
}
.page_top_cont .page_top {
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    text-align: right;
}
.page_top_cont .page_top .to_top {
    border-radius: 5px;
    bottom: 250px;
    cursor: pointer;
    display: block;
    opacity: 0;
    position: absolute;
    right:-110px;
    text-align: center;
}
/*==========================================================================*/
/*                            sidebar                                     */
/*==========================================================================*/

/*==========================================================================*/
/*                              Page_up                                     */
/*==========================================================================*/