@charset "UTF-8";
body {
  margin: 0;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.5; }

.before-after:before {
  content: " ";
  display: table; }
.before-after:after {
  content: " ";
  display: table;
  clear: both; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.f_right {
  float: right; }

.f_left {
  float: left; }

.wrapper {
  width: 100%; }

a {
  text-decoration: none; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.rrc_title {
  padding: 16px;
  color: #333;
  font-size: 3em; }

table, tr, td, th {
  border: 1px solid #acbed4;
  padding: 3px 10px; }

tr, td, th {
  padding: 12px;
  line-height: 2em; }

table {
  border-collapse: collapse; }

.wrapper-inner {
  max-width: 1000px;
  margin: 0 auto;
  position: relative; }

.grap-title {
  text-align: center;
  text-decoration: underline; }

#header {
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: #bbb 1px solid;
  box-shadow: 0 0 3px #888888;
  z-index: 1000; }
  #header #header-inner {
    height: 85px;
    font-weight: 400; }
    #header #header-inner .logo-language {
      margin-top: 6px;
      margin-bottom: 20px; }
      #header #header-inner .logo-language .logo img {
        width: 150px; }
    #header #header-inner .contact {
      float: right; }
      #header #header-inner .contact .mail, #header #header-inner .contact .m_lang {
        /*background: #4a75ba;*/
        color: #4a75ba;
        font-weight: bold;
        padding: 2px 10px;
        float: right;
        margin: 6px 0 6px 10px;
        border: 2px solid #006a9a; }
      #header #header-inner .contact .m_lang .icon {
        margin-left: 6px;
        font-size: 12px;
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent; }
      #header #header-inner .contact .m_language {
        position: relative; }
        #header #header-inner .contact .m_language:hover .dropdown-menu {
          display: block;
          position: absolute;
          top: 38px;
          right: 0px;
          z-index: 100;
          width: 130px;
          padding: 8px;
          background: #04affd; }
          #header #header-inner .contact .m_language:hover .dropdown-menu li {
            padding: 6px; }
            #header #header-inner .contact .m_language:hover .dropdown-menu li a {
              display: inline-block;
              width: 100%;
              color: white; }
            #header #header-inner .contact .m_language:hover .dropdown-menu li:hover {
              background-color: #006a9a; }
        #header #header-inner .contact .m_language .dropdown-menu {
          display: none; }
    #header #header-inner .primary-menu {
      position: relative; }
      #header #header-inner .primary-menu .logo {
        position: absolute;
        top: -40px;
        left: 12px; }
        #header #header-inner .primary-menu .logo img {
          width: 140px; }
      #header #header-inner .primary-menu #menu-icon {
        display: none; }
      #header #header-inner .primary-menu .parent-menu {
        margin-left: 160px;
        position: relative; }
        #header #header-inner .primary-menu .parent-menu .company, #header #header-inner .primary-menu .parent-menu .business, #header #header-inner .primary-menu .parent-menu .history, #header #header-inner .primary-menu .parent-menu .fee, #header #header-inner .primary-menu .parent-menu .contact {
          background-image: linear-gradient(to bottom, #04affd, #06adf9); }
        #header #header-inner .primary-menu .parent-menu .fb {
          width: 10%; }
        #header #header-inner .primary-menu .parent-menu > li {
          float: left;
          width: 18%;
          background-image: linear-gradient(to bottom, #04affd, #006a9a); }
          #header #header-inner .primary-menu .parent-menu > li .sub-menu {
            display: none; }
          #header #header-inner .primary-menu .parent-menu > li a {
            display: block;
            border-right: 1px solid #fff;
            font-size: 15px;
            line-height: 32px;
            color: white;
            text-align: center;
            font-weight: bold; }
            #header #header-inner .primary-menu .parent-menu > li a:hover, #header #header-inner .primary-menu .parent-menu > li a:active {
              color: #d8d8d8; }
          #header #header-inner .primary-menu .parent-menu > li:hover {
            /*border-bottom: 2px solid #EF6E4F;*/
            box-sizing: border-box; }
            #header #header-inner .primary-menu .parent-menu > li:hover .sub-menu {
              display: block;
              background: white;
              position: absolute;
              top: 42px;
              width: 250px;
              color: #404040;
              /*border: 1px solid #aaa;*/ }
              #header #header-inner .primary-menu .parent-menu > li:hover .sub-menu > li {
                background-color: #f9f9f9;
                color: #b81c22;
                border-bottom: 1px solid #b81c22; }
              #header #header-inner .primary-menu .parent-menu > li:hover .sub-menu > a {
                box-sizing: border-box;
                border-bottom: 2px solid #EF6E4F; }

#main-content {
  padding: 130px 0 12px 0;
  background: url("../images/img/main-bg.png") repeat-x; }

#footer {
  border-top: 1px solid #333;
  margin-top: 20px; }

/*********back to top**********************/
.cd-top {
  line-height: 60px;
  text-align: center;
  font-size: 40px;
  color: white;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  background: #4a75ba;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s; }

.cd-top.cd-is-visible, .cd-top.cd-fade-out {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s; }

.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1; }

.cd-top {
  height: 60px;
  width: 60px;
  right: 30px;
  bottom: 30px; }

/******company*********************/
.c_info {
  margin: 20px 0;
  margin-right: -2px; }
  .c_info .c_rows {
    border-bottom: 1px solid #acbed4;
    border-right: 1px solid #acbed4;
    border-left: 1px solid #acbed4; }
    .c_info .c_rows:nth-child(2n+1) {
      /*background: #5f9255;*/ }
    .c_info .c_rows:nth-child(2n) {
      /*background: lighten(#74cc62, 10%);*/ }
    .c_info .c_rows:first-child {
      border-top: 1px solid #acbed4; }
    .c_info .c_rows .c_left {
      width: 30%;
      font-weight: 400; }
      .c_info .c_rows .c_left .left-item {
        padding: 10px;
        color: white;
        font-weight: bold;
        font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif;
        line-height: 1.8;
        color: #111;
        font-size: 16px; }
    .c_info .c_rows .c_right {
      width: 70%;
      background: #fff; }
      .c_info .c_rows .c_right .right-item {
        padding: 10px;
        border-left: 1px solid #acbed4;
        font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif;
        line-height: 1.8;
        color: #111;
        font-size: 16px; }

.year_2008 .h_ttl h2 {
  background: #ffe555; }
  .year_2008 .h_ttl h2:after {
    border-top: 3px solid #ffe555;
    border-right: 3px solid #ffe555; }

.year_2009 .h_ttl h2 {
  background: #d6efc1; }
  .year_2009 .h_ttl h2:after {
    border-top: 3px solid #b3c8a2;
    border-right: 3px solid #b3c8a2; }

.year_2010 .h_ttl h2 {
  background: #cbdff8; }
  .year_2010 .h_ttl h2:after {
    border-top: 3px solid #aabbd0;
    border-right: 3px solid #aabbd0; }

.year_2011 .h_ttl h2 {
  background: #d41622; }
  .year_2011 .h_ttl h2:after {
    border-top: 3px solid #d41622;
    border-right: 3px solid #d41622; }

.year_2012 .h_ttl h2 {
  background: #f7921c; }
  .year_2012 .h_ttl h2:after {
    border-top: 3px solid #f7921c;
    border-right: 3px solid #f7921c; }

.year_2013 .h_ttl h2 {
  background: #4a75ba; }
  .year_2013 .h_ttl h2:after {
    border-top: 3px solid #4a75ba;
    border-right: 3px solid #4a75ba; }

.year_2014 .h_ttl h2 {
  background: #ff7070; }
  .year_2014 .h_ttl h2:after {
    border-top: 3px solid #ff7070;
    border-right: 3px solid #ff7070; }

.year_2015 .h_ttl h2 {
  background: #7869ac; }
  .year_2015 .h_ttl h2:after {
    border-top: 3px solid #7869ac;
    border-right: 3px solid #7869ac; }

.year_2016 .h_ttl h2 {
  background: #ffab1f; }
  .year_2016 .h_ttl h2:after {
    border-top: 3px solid #ffab1f;
    border-right: 3px solid #ffab1f; }

.rrc_box {
  padding: 10px 20px;
  background-color: #f6f6f6; }
  .rrc_box .h_ttl {
    background-color: #fff; }
    .rrc_box .h_ttl h2 {
      box-shadow: 0 1px 0 0 #ccc;
      position: relative;
      font-size: 100%;
      font-weight: bold;
      margin: 9px -6px 0;
      padding: 7px 6px 0 17px;
      width: 220px;
      height: 25px;
      text-align: left; }
      .rrc_box .h_ttl h2:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 0;
        width: 0;
        border: 5px solid transparent;
        border-right: 15px solid #fff;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent; }
      .rrc_box .h_ttl h2:after {
        content: "";
        position: absolute;
        top: 100%;
        height: 0;
        width: 0;
        left: 0;
        border: 3px solid transparent; }
  .rrc_box .rrc_content {
    background-color: #fff;
    padding: 20px;
    line-height: 2em; }
  .rrc_box .ttl h3 {
    margin: 6px; }

#business .f {
  background-color: #f5807b;
  padding: 24px;
  margin: 20px 0; }

#fee > h3 {
  font-size: 1.7em;
  font-weight: normal;
  text-align: center;
  font-family: Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Tahoma, Arial, Helvetica, Verdana, sans-serif;
  color: #444;
  line-height: 1.45; }

#contact {
  color: #444; }
  #contact .title {
    font-size: 1.7em; }
  #contact .des {
    line-height: 2em;
    margin: 16px; }
  #contact .form-contact {
    border: 1px solid #d9d9d9;
    background-color: #fff;
    padding: 30px; }
    #contact .form-contact .form-group {
      margin-bottom: 16px; }
      #contact .form-contact .form-group .label {
        margin: 5px 0;
        font-weight: bold; }
      #contact .form-contact .form-group .form-control {
        display: block;
        padding: 10px 0 10px 12px;
        width: 100%;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  #contact .action {
    padding: 6px 12px;
    background: #4a75ba;
    border: 1px solid #4a75ba;
    color: white;
    font-weight: bold; }

.service {
  padding: 32px 0 24px;
  background: #f9f9f9; }

.sample .item {
  width: calc(100%/3);
  display: inline-block;
  text-align: center;
  margin: -2px;
  color: #1a1a1a;
  margin-bottom: 30px; }
  .sample .item .s_title {
    /*font-family: 'Ubuntu', 'Ubuntu Beta', UbuntuBeta, Ubuntu, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif;*/
    color: #333;
    font-size: 1.2em; }
  .sample .item .service-title {
    /*font-family: "Tinos", serif;*/
    font-weight: 400;
    font-size: 19px;
    margin: 10px 0 0; }
  .sample .item .box-img {
    padding: 20px; }
    .sample .item .box-img img {
      border: 3px solid #AE76E6; }
  .sample .item .icon {
    display: inline-block;
    /*background-color: #44a741;*/
    cursor: pointer;
    border: 2px solid #006a9a;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
    text-align: left; }
    .sample .item .icon img {
      position: absolute;
      z-index: 2; }
    .sample .item .icon #img1 {
      top: 11px;
      left: 16px; }
    .sample .item .icon #img2 {
      top: 13px;
      left: 13px; }
    .sample .item .icon #img3 {
      top: 13px;
      left: 13px; }
    .sample .item .icon #img4 {
      top: 22px;
      left: 12px; }
    .sample .item .icon #img5 {
      top: 10px;
      left: 10px; }

.popular_l {
  width: 100%; }
  .popular_l li {
    display: inline-block;
    width: 25%;
    margin: -2px;
    text-align: center;
    position: relative; }
    .popular_l li img {
      margin: 10px 4px;
      border: 1px solid #ccc;
      max-width: 100%; }

.fb_plugin_pc, .fb_plugin_mb {
  margin: auto;
  text-align: center;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #006a9a; }

.fb_plugin_mb {
  display: none; }

#footer {
  color: #fff;
  background-color: #006a9a; }
  #footer .site-map {
    padding: 20px 0; }
    #footer .site-map .f_logo {
      width: 30%;
      float: left; }
      #footer .site-map .f_logo a {
        display: block; }
    #footer .site-map .f_link {
      width: 34%;
      text-align: left;
      float: left; }
      #footer .site-map .f_link ul {
        padding-left: 20px; }
        #footer .site-map .f_link ul a {
          color: #fff; }
    #footer .site-map .f_contact {
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc; }
      #footer .site-map .f_contact > div {
        padding: 0 20px; }

#mb_menu ul, #mb_menu ul li, #mb_menu ul li a, #mb_menu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative; }

#mb_menu {
  display: none; }

/************roshia*************/
#header #header-inner .primary-menu.ru .parent-menu .fb {
  vertical-align: top; }
  #header #header-inner .primary-menu.ru .parent-menu .fb a {
    line-height: 0; }
#header #header-inner .primary-menu.ru .parent-menu > li {
  width: auto;
  display: inline-block;
  margin: 0 -2px;
  float: none; }
  #header #header-inner .primary-menu.ru .parent-menu > li a {
    border: none;
    margin: 0 13px; }

#header #header-inner .primary-menu.en .parent-menu .fb {
  vertical-align: top; }
  #header #header-inner .primary-menu.en .parent-menu .fb a {
    line-height: 0; }
#header #header-inner .primary-menu.en .parent-menu > li {
  width: auto;
  display: inline-block;
  margin: 0 -2px;
  float: none; }
  #header #header-inner .primary-menu.en .parent-menu > li a {
    border: none;
    margin: 0 34px; }

/*# sourceMappingURL=css.css.map */