@charset "utf-8";
@media print, screen and (min-width:751px) {
  /*--------------------------------------------
   サイト基本設定　ここの設定はサイト依存
--------------------------------------------*/
  body, html {
    font-family: "メイリオ", Meiryo, sans-serif;
  }
  body {
    min-width: 1000px;
    background: #ffffff;
    color: #444444;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: .1em;
  }
  a {
    display: block;
    color: #444444;
    text-decoration: none;
  }
  a:hover {
    color: #195baa;
  }
  table {
    width: 100%;
  }
  .for_sp {
    display: none;
  }
  /*--------------------------------------------
  Header / ヘッダー
--------------------------------------------*/
  #header {
    width: 100%;
    border-top: 5px solid #0e326e;
  }
  #hdr_inner {
    width: 1000px;
    margin: 0 auto;
    padding: 0 0 25px;
  }
  #header .hdr_logo {
    float: left;
    margin-top: 25px;
  }
  #header .hdr_logo h1 img {
    width: 201px;
    height: 58px;
  }
  #header .hdr_logo h1 a:hover img {
         opacity: .8;
            transition: .3s ease-in-out;

    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -webkit-transition: .3s ease-in-out;
       -moz-transition: .3s ease-in-out;
         -o-transition: .3s ease-in-out;
  }
  #header .hdr_right {
    float: right;
    width: 675px;
  }
  /*--------------------------------------------
  Global Navigation / グローバルナビ
--------------------------------------------*/
  #gNavi_01, #gNavi_02 {
    display: block;
    position: relative;
    float: right;
    font-size: 12px;
  }
  #gNavi_01 li, #gNavi_02 li {
    float: left;
  }
  #gNavi_01 {
    margin-bottom: 20px;
  }
  #gNavi_01 li.navi01 a, #gNavi_01 li.navi02 a {
    display: inline-block;
    padding: 20px 30px 10px 20px;
    line-height: 1.2;
  }
  #gNavi_01 li.navi01 a span, #gNavi_01 li.navi02 a span {
    display: inline-block;
    transition: .5s;
  }
  #gNavi_01 li.navi01 a:hover span, #gNavi_01 li.navi02 a:hover span {
            transform: rotateX(360deg);

    -webkit-transform: rotateX(360deg);
  }

  #gNavi_01 li.navi01 {
    background: url(../Image/common/icon_map.png) left top 20px no-repeat;
  }
  #gNavi_01 li.navi02 {
    background: url(../Image/common/icon_mail.png) left top 21px no-repeat;
  }
  #gNavi_01 li.sns {
    display: flex;
    justify-content: flex-end;
    width: 250px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #gNavi_01 li.sns a img {
    width: 30px;
    padding-left: 15px;
  }
  #gNavi_01 li.navi03 {
    margin-left: 145px;
    padding: 5px 16px;
    background: #0e326e;
    color: #ffffff;
    font-size: 10px;
    line-height: 1.6;
    ;
  }
  #gNavi_01 li.navi03 span {
    font-weight: bold;
    font-size: 15px;
  }
  #gNavi_02 li {
    border-left: 1px solid #aaaaaa;
  }
  #gNavi_02 li a {
    display: inline-block;
    padding: 0 40px;
    line-height: 1.2;
  }
  #gNavi_02 li a span {
    display: inline-block;
    transition: .5s;
  }
  #gNavi_02 li a:hover span {
            transform: rotateX(360deg);

    -webkit-transform: rotateX(360deg);
  }
  #gNavi_02 li:first-child {
    border-left: none;
  }
  #gNavi_02 .sns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 0;
    margin-left: auto;

    translate: 80% -25px;
  }
  #gNavi_02 .sns p {
    width: 100%;
    padding-bottom: .5em;
    font-weight: bold;
    font-size: 1em;
    line-height: 1;
    text-align: center;
  }
  #gNavi_02 .sns a {
    width: 35px;
    height: 25px;
    text-align: center;
  }
  /*--------------------------------------------
  mainimge / メインイメージ
--------------------------------------------*/
  #mainimage img {
    width: 100%;
    height: auto;
  }
  .under #mainimage {
    width: 100%;
    height: 300px;
    background: url(../Image/common/h2_bg.jpg);
    background-size: cover;
  }
  .under #mainimage .h2_box {
    width: 1000px;
    margin: 0 auto;
    padding: 86px 0;
    color: #ffffff;
    text-align: center;
  }
  .under #mainimage .h2_box h2 {
    padding-top: 90px;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: .1em;
  }
  /*--------------------------------------------
  Contents / コンテンツ大枠
--------------------------------------------*/
  /*#cts_inner {
  width:1050px;
  margin:0 auto;
}
#main_cts {
  width:700px;
  margin-right:30px;
  float:left;
}
#side_cts {
  width:300px;
  float:left;
}*/
  /*--------------------------------------------
  Main_cts / メインコンテンツ
--------------------------------------------*/
  /*--------------------------------------------
  Side_cts / サイドコンテンツ
--------------------------------------------*/
  /*--------------------------------------------
  Footer / フッター
--------------------------------------------*/
  #footer {
    width: 100%;
    border-top: 5px solid #0e326e;
  }
  #ftr_inner {
    width: 1000px;
    margin: 0 auto;
    padding: 50px 0;
    box-sizing: border-box;
  }
  #footer .ftr_left {
    float: left;
  }
  #footer .ftr_left dl dt {
    float: left;
  }
  #footer .ftr_left dl dd {
    margin-left: 95px;
    font-size: 12px;
  }
  #footer .ftr_left dl dd .name {
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
  }
  #footer .ftr_left dl dd .name .jpn {
    font-size: 12px;
  }
  #footer .ftr_right {
    float: right;
    width: 480px;
    font-size: 12px;
  }
  #footer .ftr_right li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 10px;
  }
  #footer .ftr_right li:nth-child(2n) {
    margin-right: 0;
  }
  #footer .ftr_right li:nth-child(n+12) {
    margin-bottom: 0;
  }
  #footer .ftr_right li a:hover {
    text-decoration: underline;
  }
  #footer #copyright {
    padding: 10px 0;
    background: #0e326e;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
  }
  #footer #totop {
  }
}
@media print, screen and (max-width:1400px) {
  #gNavi_02 .sns {
    translate: 70% -50px;
  }
}
@media print, screen and (max-width:1200px) {
  #header .hdr_right {
    translate: -10%;
  }
}