@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: #1a509d; text-decoration:underline; }
a.none_color { color: #000000; text-decoration:underline; }
a.none_color:hover { color: #1a509d; text-decoration:none; }
a:hover { text-decoration: none;color: #000000;}
p { font-size:14px; font-family : YuGothic, '游ゴシック', sans-serif; color: #000000;line-height: 1.7; }
body { font-size:14px; font-family : YuGothic, '游ゴシック', 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}
h1, h2, h3, h4, h5, h6 {
    clear: none;
    margin:0;
}
/*====================================================================================
■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; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom:100px !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; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }

.mb01per { margin-bottom: 1% !important; }
.mb02per { margin-bottom: 2% !important; }
.mb03per { margin-bottom: 3% !important; }
.mb04per { margin-bottom: 4% !important; }
.mb05per { margin-bottom: 5% !important; }
.mb06per { margin-bottom: 6% !important; }
.mb07per { margin-bottom: 7% !important; }
.mb08per { margin-bottom: 8% !important; }
.mb09per { margin-bottom: 9% !important; }
.mb10per { margin-bottom:10% !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;position: relative;}
/*====================================================================================
■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 }
.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;}
.lh17 {line-height: 1.7 !important;}
.lh18 {line-height: 1.8 !important;}
.lh19 {line-height: 1.9 !important;}
.lh20 {line-height: 2 !important;}
.btn_hv01 {opacity: 1;}
.btn_hv01:hover {opacity: 0.7;}
/*====================================================================================
■09.GOLABLE NAVIGATION
====================================================================================*/
h1 {color: #6c6c6c !important;font-size:11px !important;margin:0  !important;}
.head_box01 {padding:5px 0;}
h2, .h2 {margin-top:0px;}
header {background: #ffffff;border-top: 5px solid #1a509d;}
.head_box02 {padding:0 0 10px 0;}
.h_logo {float: left;width: 50%;text-align: left;margin:10px 0 0 0;}
.right_head01 {float: right;width: 50%;}
.h_text01 {font-size: 15px;color:#202020;letter-spacing: 1px;display: inline;float:right;margin:0 20px 0 0;line-height: 1.3;}
.h_text01 span {font-size: 23px;color:#202020;font-weight: bold;}
.h_text01 span a {color:#202020;font-weight: bold;text-decoration: none;}
.h_tel {text-align: right;}
.h_mail {
  background: url(../common_img/bg01.png);
  padding:18px 0 18px 0;
  margin:-27px 0 0 0;
  text-align: center;
  position: relative;
  font-size: 16px;
  width:210px;
  -webkit-transition: all .3s;
  transition: all .3s;
  float: right;
  border-top: 5px solid #269ae3;
}
.h_mail a {
  color: #1a509d;
  text-decoration: none;
  font-weight: bold;
  display:inline-block;
  background:url(../common_img/h_mail.png) no-repeat left center;
  padding:0 0 0 35px;
}
.h_mail a:after{
  position:absolute;
  content: "";
  top:0;
  bottom:0;
  left:0;
  right:0;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.gnav {
  border-top: 1px solid #e7e7e7;
}
.gnav ul li:after {
  height: 120%;
  left: -10%;
  -webkit-transform: skewX(15deg);
          transform: skewX(15deg);
  z-index: -1;
}
.gnav ul li {
  text-align: center;
  width:20%;
  padding:15px 0;
  float:left;
  font-weight: 500;
  position: relative;
  font-size: 15px;
 line-height: 1.2;
}
.gnav ul li:hover a {
  -webkit-transition: all .3s;
  transition: all .3s;
  color:#1a509d;
  text-decoration: none;
}
.gnav ul li a:after {
  position: absolute;
  content:"";
  top:0;
  bottom:0;
  left:0;
  right:0;
}
.gnav ul li:hover a:after {
  -webkit-transition: all .3s;
  transition: all .3s;
  position: absolute;
  content:"";
  top:0;
  bottom:0;
  left:0;
  right:0;
}
.gnav ul li:last-child a {
  border-right: 1px solid #e7e7e7;
}
.gnav ul li a {
  line-height: 1.4;
  color:#000;
  border-left: 1px solid #e7e7e7;
  display:block;
  text-decoration: none;
}
.h_mail a:hover{opacity: 0.7;-webkit-transition: all .3s;transition: all .3s;color: #1a509d;text-decoration: none;}
#main section {margin-bottom: 60px;}
p {margin-bottom: 0;}
.btn_st01{
  margin: auto;
  width:165px;
  position: relative;
  background: none;
  border: none;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: #1a509d url(../common_img/arr01.png) no-repeat right 15px center;
}
.btn_st01 a {
  display: block;
  width:165px;
  color:#fff;
  text-decoration: none;
  font-weight: bold;
  padding:7px 0;
  font-size: 15px;
  position:relative;
  z-index:5;
}
.btn_st01::before{
  content:"";
  width: 1px;
  height: 42px;
  position: absolute;
  transition: all 0.2s linear;
  border-right:1px solid #1a509d;
  bottom:0;
}
.btn_st01::after{
  content:"";
  width: 165px;
  height: 1px;
  position: absolute;
  transition: all 0.2s linear;
  border-bottom:1px solid #1a509d;
  bottom:-5px;
}
.btn_st01 a::before, .btn_st01 a::after{
  content:"";
  width:1px;
  height:0;
  position: absolute;
  transition: all 0.2s linear;
}
.btn_st01:hover::after{
  width: 100%;
  right: 0;
  border-left:1px solid #1a509d;
  bottom: -5px;
  left:-5px;
  height:100%;
}
.btn_st01:hover::before {
  height: 0;
}
.btn_st01:hover a::before, .btn_st01:hover a::after{
  height: 100%;
}
/*----- .btn_st01 1 -----*/
.btn_st01 a::before, .btn_st01 a::after{
  transition-delay: 0.2s;
}
.btn_st01 a::before, .btn_st01 a::after{
  transition-delay: 0s;
}
.btn_st01::before{
  right: -5px;
  bottom: -5px;
}
.btn_st01::after{
  right: -5px;
  bottom: -5px;
}
.btn_st01 a::before{
  right: -5px;
  top: 5px;
}
.btn_st01 a::after{
  left: 5px;
  bottom: -5px;
}
.btn_st01:hover::before, .btn_st01:hover::after{
  transition-delay: 0s;
}
.btn_st01:hover a::before, .btn_st01:hover a::after{
  transition-delay: 0.2s;
}

.btn_st02{
  position: relative;
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
  margin: auto;
  width:165px;
  background: #fff url(../common_img/arr02.png) no-repeat right 15px center;
}
.btn_st02 a {
  display: block;
  width:165px;
  text-align: center;
  margin:auto;
  color:#1a509d;
  text-decoration: none;
  font-weight: bold;
  padding:7px 0;
  font-size: 15px;
  position:relative;
  z-index:5;
}
.btn_st02::before{
  content:"";
  width: 1px;
  height: 42px;
  position: absolute;
  transition: all 0.2s linear;
  border-right:1px solid #fff;
  bottom:0;
}
.btn_st02::after{
  content:"";
  width: 165px;
  height: 1px;
  position: absolute;
  transition: all 0.2s linear;
  border-bottom:1px solid #fff;
  bottom:-5px;
}
.btn_st02 a::before, .btn_st02 a::after{
  content:"";
  width:1px;
  height:0;
  position: absolute;
  transition: all 0.2s linear;
}
.btn_st02:hover::after{
  width: 100%;
  right: 0;
  border-left:1px solid #fff;
  bottom: -5px;
  left:-5px;
  height:100%;
}
.btn_st02:hover::before {
  height: 0;
}
.btn_st02:hover a::before, .btn_st02:hover a::after{
  height: 100%;
}
/*----- .btn_st01 1 -----*/
.btn_st02 a::before, .btn_st02 a::after{
  transition-delay: 0.2s;
}
.btn_st02 a::before, .btn_st02 a::after{
  transition-delay: 0s;
}
.btn_st02::before{
  right: -5px;
  bottom: -5px;
}
.btn_st02::after{
  right: -5px;
  bottom: -5px;
}
.btn_st02 a::before{
  right: -5px;
  top: 5px;
}
.btn_st02 a::after{
  left: 5px;
  bottom: -5px;
}
.btn_st02:hover::before, .btn_st02:hover::after{
  transition-delay: 0s;
}
.btn_st02:hover a::before, .btn_st02:hover a::after{
  transition-delay: 0.2s;
}
@media screen and (min-width:1200px) {
  .container {width: 1000px;}
}
@media screen and (min-width:769px) {
}
.pc {display:inline-block;}
.sp {display: none;}
.sp2 {display: none;}
.pc2 {display:inline-block;}
.bre02 {display: block;}
@media screen and (max-width:768px) {
  .gnav {
    display:none;
    position: absolute;
    z-index: 10;
    top:100%;
    left:0;
    right:0;
    background:url(../common_img/bg03.png);
  }
  .gnav ul li {
    text-align: left;
    width: 100%;
    padding:4% 3%;
    float: none;
    border-top:1px solid #fff;
    font-weight: 500;
    position: relative;
    font-size: 15px;
    line-height: 1.2;
  }
  .gnav ul li a {
    line-height: 1.4;
    color: #fff;
    border-left:none;
    display: block;
    text-decoration: none;
  }
  .gnav ul li:last-child a {
    border-right: none;
  }
  #main section {margin-bottom: 7%;}
  .pc2 {display: none;}
  .sp2 {display:inline-block;}
  .container {
    width:100%;
    padding-right: 0 !important;
    padding-left: 0!important;
  }
  .head_box02 {padding: 0 0 0 0;}
  .head_box02 .container {padding:0;}
  .bre01 {display: block;}
  .bre02 {display: inline;}
  .pc {display: none;}
  .sp {display:inline;}
  .h_list01 li:nth-child(1) img {width:30px;}
  .h_list01 li:nth-child(2) img {width:40px;}
  .h_list01 li:nth-child(3) img {width:40px;}
  .h_list01 li {display: table-cell;width: 33%;text-align: center;vertical-align: middle;padding:10px 0;border-right: 1px solid #fff;position: relative;}
  .h_list01 li:nth-child(3){border-right: 0;}
  .h_list01 li a:after {position: absolute;content:"";top:0;bottom:0;right:0;left:0;}
  .h_logo {float: none;vertical-align: middle;text-align: center;margin:auto;padding:7% 0;}
  .h_list01 {display: table;width: 100%;background:url(../common_img/bg03.png);}
  #gnav {display: none;position: absolute;width: 100%;top:90%;background:#484960;padding:5% 3%;left: 0;z-index: 99999;}
  header {position: relative;padding:0 0;border-bottom: 3px solid #eeeeee;}
  header .container {width:100%;}
  .h_menu_sp.opened {opacity: 0.7;}
  #gnav ul li {float: none;padding: 3% 0;font-weight: bold;font-size: 15px;border-top:1px solid #fff;border-left:none;position: relative;}
  #gnav ul li:last-child {border-bottom:1px solid #fff;}
  #gnav ul li a {color: #fff;}
  #gnav ul li a:after{
    position:absolute;
    content: "";
    top:0;
    bottom:0;
    left:0;
    right:0;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  #gnav ul li:hover a {color:#fff;text-decoration: none;}
}
@media screen and (min-width:320px) {
}
.container {padding-right: 0;padding-left: 0;margin-right: auto;margin-left: auto;}
img {
  max-width: 100%;
  height: auto;
  width: auto;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  font-size: 0%;
  line-height: 0%;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}
p {margin-bottom: 0;}
ul {display: block;list-style-type: disc;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0;-webkit-padding-start: 0;}
/* End Media 1200px */
@media screen and (max-width:375px) { 
} 
/*==========================================================================*/
/*■10.FOOTER                                                                */
/*==========================================================================*/
footer {padding:45px 0;background:url(../common_img/bg03.png);}
#page_top {position: fixed;bottom:15%;right:8%;}
.f_logo {margin:0 0 5px 0;}
.f_add {color:#fff;margin-bottom: 5px;}
.f_tel {color:#fff;font-size: 15px;margin:0 0 10px 0;}
.f_tel span {font-size: 22px;text-decoration: none;color:#fff;font-weight: bold;letter-spacing: 1px;line-height: 1.2;margin:0 0 0 3px;}
.f_tel span a{font-size: 22px;text-decoration: none;color:#fff;font-weight: bold;letter-spacing: 1px;line-height: 1.2;margin:0 0 0 3px;}
.f_mail {width: 190px;border-top: 5px solid #269ae3;background:#fff;text-align: center;padding:13px 0;position: relative;}
.f_mail a {color:#1a509d;text-decoration: none;font-weight: bold;font-size: 16px;background:url(../common_img/f_mail.png) no-repeat left center;padding:0 0 0 30px;}
.f_mail a:after {position: absolute;content:"";top:0;bottom:0;left:0;right:0;}
.f_mail:hover {opacity:0.8;-webkit-transition: all .3s;transition: all .3s;}
.f_link01 {margin:0; background:url(../common_img/icon01.png) no-repeat left top; padding:0 0 0 18px;}
.f_link01:hover {text-decoration:underline;-webkit-transition: all .3s;transition: all .3s;}
.f_link01 a {color:#fff;text-decoration: none; -webkit-transition: all .3s;transition: all .3s;}
.box01_foot {border-right: 1px solid #5f7ca7;padding:10px 20px 10px 0;}
.box02_foot {padding:10px 0 10px 20px;}
.col01_foot {padding-left: 0;}
.col02_foot {padding-right: 0;}
.box02_foot li {
  color:#fff;
  background:url(../common_img/arr01.png) no-repeat left center;
  padding:0 0 0 17px;
  margin-bottom: 5px;
}
.box02_foot li a {color:#fff;text-decoration: none;}
.box02_foot li:hover a {text-decoration: underline;}
@media screen and (max-width:768px) {
  footer {padding:5% 3% 0 3%;}
  .box01_foot {border-right: none;padding: 0;}
  .f_link01 {float:right;margin:11% 0 0 0;}
  .f_add {float:left;}
  #page_top {
    position: relative;
    right:0;
    z-index: 99;
    top:0;
    background:#269ae3;
    border-top: 1px solid #ffffff;
    margin:0 -3%;
    padding:3% 0;
    font-size: 18px;
    text-align: center;
  }
   #page_top a {
    color:#fff;
    text-decoration: none;
  }
  #page_top a:after {
    position: absolute;
    content:"";
    top:0;
    left:0;
    right:0;
    bottom:0;
  }
  .col01_foot {padding: 0;}
  .col02_foot {padding: 0;}
  .f_tel {
    color: #fff;
    font-size: 15px;
    text-align: center;
    margin:auto auto 10px auto;
  }
   .f_tel.sp{display:block;}
  .f_mail {margin:auto auto 15px auto;}
  .box02_foot {padding: 5% 0 5% 0;background:url(../common_img/bg04.png);margin:0 -3%;width:106%;background-size: 100% auto;}
  .box02_foot li {
    margin-bottom: 10px;
  }
}
ul {margin:0;padding:0;}