@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*====================================================================================
■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: #275db0; text-decoration:underline; }
a.none_color { color: #000000; text-decoration:underline; }
a.none_color:hover { color: #275db0; text-decoration:none; }
a:hover { text-decoration: none;color: #000000;}
p { font-size:16px; font-family : "Noto Sans JP","メイリオ","MS PGothic","MS Pゴシック",sans-serif;color: #404040;line-height: 1.7;}
body { font-size:14px;font-family : "Noto Sans JP","メイリオ","MS PGothic","MS Pゴシック",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: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !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;}

.weight100  {font-weight:100;}
.weight300  {font-weight:300;}
.weight400  {font-weight:400;}
.weight500  {font-weight:500;}
.weight600  {font-weight:600;}
.weight700  {font-weight:700;}
.weight900  {font-weight:900;}
/*====================================================================================
■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_link {
  margin:0;
}
.top_head {
  width: 1080px;
  float: left;
  margin-top: 15px;
}
.top_head h1 {
  font-size: 11px;
  margin:0;
  font-weight: normal;
  float: left;
  color: #a5a5a5;
}
.h_logo {
  float:left;
  margin-top: 13px;
}
.right_head {
  float:right;
  width:420px;
  margin-top: 5px;
}
#header {
  position: relative;
  border-bottom: 5px solid #23ac38;
}
.h_icon01 {
 float: left;
 width: 241px;
}
.h_icon01 a:hover {
  background: #fff url(../common_img/icon_per_on.png) no-repeat 15px center;
  -webkit-transition: all .3s;
  transition: all .3s;
  border:1px solid #23ac38;
  color:#23ac38;
}
.h_icon01 a {
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display:inline-block;
  text-align: center;
  color:#fff;
  font-size: 15px;
  text-decoration: none;
  font-weight: bold;
  padding:7px 0 7px 40px;
   border:1px solid #23ac38;
   display:block;
  background: #23ac38 url(../common_img/icon_per.png) no-repeat 15px center;
}
.h_mail {
 float:right;
 width: 165px;
}
.h_mail a:hover {
  background: #fff url(../common_img/icon_mail_on.png) no-repeat 20px center;
  -webkit-transition: all .3s;
  transition: all .3s;
  border:1px solid #0ba29a;
  color:#0ba29a;
}
.h_mail a {
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display:inline-block;
  text-align: center;
  color:#fff;font-size: 15px;
  text-decoration: none;
  font-weight: bold;
  padding:7px 0 7px 35px;
   border:1px solid #0ba29a;
   display:block;
  background: #0ba29a url(../common_img/icon_mail.png) no-repeat 20px center;
}

.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 {
 float: right;
 font-size: 14px;
 font-weight: bold;
 padding-top: 18px;
}
nav ul li a {
  color:#606060;
  text-decoration: none;
}
nav ul li {
  position: relative;
  float:left;
  border-left: 1px solid #9d9d9d;
  line-height: 1.7;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding:0 28px;
  text-align: center;
}
nav ul li:last-child {
  border-right: 1px solid #9d9d9d;
}
nav ul li a {
  display:inline-block;
}
nav ul li:hover a {
  color:#23ac38;
}
/*====================================================================================
■09.GOLABLE NAVIGATION
====================================================================================*/

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

■10.FOOTER
====================================================================================*/
.container {width:1080px;margin: 0 auto;}
.content {
  width:785px;
  float:left;
}
#sidebar {
  float:right;
  width:242px;
}
.side01 ul li {
  margin-bottom: 10px;
}
#foot_box {
  background:#f1f1f1;
  padding:52px 0 52px 0;
}
.box01_foot {
  background:url(../common_img/bg04.png);
  padding:50px 0 60px 0;
}
.f_logo {
  float:left;
  margin-top: 20px;
}
.right_foot01 {
  float:right;
  width:243px;
  margin-right: 75px;
}
.f_icon01 {
 width: 241px;
 margin-bottom: 18px;
}
.f_icon01 a:hover {
  background: #fff url(../common_img/icon_per_on.png) no-repeat 15px center;
  -webkit-transition: all .3s;
  transition: all .3s;
  border:1px solid #23ac38;
  color:#23ac38;
}
.f_icon01 a {
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display:inline-block;
  text-align: center;
  color:#fff;
  font-size: 15px;
  text-decoration: none;
  font-weight: bold;
  padding:7px 0 7px 40px;
   border:1px solid #23ac38;
   display:block;
  background: #23ac38 url(../common_img/icon_per.png) no-repeat 15px center;
}
.f_mail {
 width: 241px;
}
.f_mail a:hover {
  background: #fff url(../common_img/icon_mail_on.png) no-repeat 23px center;
  -webkit-transition: all .3s;
  transition: all .3s;
  border:1px solid #0ba29a;
  color:#0ba29a;
}
.f_mail a {
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display:inline-block;
  text-align: center;
  color:#fff;font-size: 15px;
  text-decoration: none;
  font-weight: bold;
  padding:7px 0 7px 25px;
   border:1px solid #0ba29a;
   display:block;
  background: #0ba29a url(../common_img/icon_mail.png) no-repeat 23px center;
}
.f_menu {
  margin:0 0 0 50px;
  float:left;
  width:365px;
}
.f_menu01 {
  float:left;
  width:120px;
}
.f_menu02 {
  float:left;
  width:210px;
}
.f_menu03 {
  float:left;
  width:110px;
}
.f_menu li {
  color:#707070;
  font-size: 12px;
  margin-bottom: 8px;
}
.f_menu li a {
  color:#707070;
  text-decoration: none;
}
.f_menu li a:hover {
  color:#707070;
  text-decoration: underline;
}
.to_top {
    display: none;
    bottom: 15%;
    position: fixed;
    right:10%;
    z-index: 100;
}
/*==========================================================================*/
/*                            sidebar                                     */
/*==========================================================================*/

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