@charset "UTF-8";



/*font ----------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Teko:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');
.en {font-family: 'Oswald', sans-serif; font-weight: 300;  text-transform: uppercase;  -webkit-font-smoothing: antialiased;}
.en02 {font-family: 'Roboto', sans-serif; font-weight: 600; text-transform: capitalize; -webkit-font-smoothing: antialiased;}
.en03 {font-family: 'Teko', sans-serif; font-weight: 300;  text-transform: uppercase; -webkit-font-smoothing: antialiased;}


/*----------------------------------------------------------------------*/
.viewpc {display: block;}
.viewsp {display: none;}

@media (max-width: 991px) {
.viewpc {display: none;}
.viewsp {display: block;}
}


/* tel process */
@media (min-width: 992px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}


/* tel color css */
.link_tel { color: #a0bad8;}
.link_tel:focus, .link_tel:hover, .link_tel:active {color: #a0bad8!important;}
.link_tel02 { color: #fff;}
.link_tel02:focus, .link_tel02:hover, .link_tel02:active {color: #fff!important;}
.link_tel03 { color: #000;}
.link_tel03:focus, .link_tel03:hover, .link_tel03:active {color: #000!important;}



/* ie scroll veiwport */
@-ms-viewport
{
    width: auto;
    initial-scale: 1;
}
@viewport
{
    width: device-width;
    initial-scale: 1;
}

/* padding-left 0 */
.pl-0, .px-0 {padding-left: 0!important;}
.pd-0 {padding: 0!important; }

.row {
  margin: 0px;
}
.height-center {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.text-right {text-align: right!important;}

/* col- centering */
.justify-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;

}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}



html {
  overflow-x: hidden;
}

html, html a, body {
  -webkit-font-smoothing: antialiased;
}

body {
  /* font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p {
  font-size: 16px;
  font-weight: 700;
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  line-height: 2;
  margin-bottom: 15px;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

em,
li,
li a {
  font-size: 16px;
  font-weight: 500;
  color: #23326e;
  list-style: none!important;
  -webkit-font-smoothing: antialiased;
}

a 
{  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #337ab7;
  outline: 0;
}

a:focus, a:hover, a:active {
  outline: 0;
  color: #999caa;
  text-decoration: none;
}

.smallen {
  text-transform: none!important;
}
.link {
  position: relative;
  font-size: 13px;
  font-weight: 600;
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-transform: uppercase;
}

.link:after {
  position: absolute;
  top: 8px;
  right: -15px;
  width: 9px;
  height: 2px;
  background: #072a47;
  content: " ";
}

span {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #1b1b1b;
  line-height: 1.4;
  margin: 0 0 25px;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  color: #23326e;
}

h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {
  color: #999caa;
  text-decoration: none;
}

h1 > a:focus, h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus {
  text-decoration: none;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 35px;
  line-height: 1.2em;
}

h3 {
    font-size: 28px;
    line-height: 1.5em;
    letter-spacing: 0.03px;
    margin-bottom: 10px;
}

h4 {
  font-size: 24px;
}

ul, ol {
  list-style: none;
}


/* selection color */
::selection {
  color: #fff;
  background: #0168b5;
  text-shadow: none;
}

::-webkit-selection {
  color: #fff;
  background: #0168b5;
  text-shadow: none;
}

::-moz-selection {
  color: #fff;
  background: #0168b5;
  text-shadow: none;
}



:active,
:focus {
  outline: none;
}

.bold {
    font-weight: bold!important;
    color: #333;
}

/* Section Seperator */
.section-seperator {
  border-bottom: 1px solid #edf0f2;
}

/* Content Wrapper Link */
.content-wrapper-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 3;
  text-decoration: none;
}

/*------------------------------------------------------------------
    [reset]
------------------------------------------------------------------*/
ul, menu, dir {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em!important;
    margin-block-end: 0em!important;
    margin-inline-start: 0px!important;
    margin-inline-end: 0px!important;
    padding-inline-start: 0px!important;
}

.float-right {float: right;}
.float-left {float: left;}
.float-none {float: none;}

/*------------------------------------------------------------------
  	[Blockquote]
------------------------------------------------------------------*/
.blockquote {
  position: relative;
  font-size: 17px;
  font-weight: 400;
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #a6a7aa;
  line-height: 1.4;
  border-left: none;
  margin-left: 20px;
}

.blockquote:before {
  position: absolute;
  top: 0;
  left: -20px;
  font-size: 60px;
  display: inline-block;
  color: #072a47;
  content: '“';
}

/*------------------------------------------------------------------
  	[Button]
------------------------------------------------------------------*/
.btn-theme {
  position: relative;
  display: inline-block;
  line-height: 1.4;
  text-align: center;
  background-image: none;
  border-style: solid;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.btn-theme:focus, .btn-theme:active:focus, .btn-theme.active:focus, .btn-theme.focus, .btn-theme:active.focus, .btn-theme.active.focus {
  outline: none;
}

.btn-theme:hover {
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-theme:hover, .btn-theme:focus, .btn-theme.focus {
  text-decoration: none;
}

.btn-theme:active, .btn-theme.active {
  background-image: none;
  outline: 0;
}

.btn-theme.disabled, .btn-theme[disabled],
fieldset[disabled] .btn-theme {
  cursor: not-allowed;
  box-shadow: none;
  opacity: .65;
  pointer-events: none;
}


/* whiteline */
.btn-white-line {
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
   
}
.btn-white-line:hover, .btn-white-line:focus, .btn-white-line.focus {
  background: #0168b5;
  border: 1px solid #0168b5;
  color: #fff;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}


/* white btn */
.btn-white-brd {
  color: #fff;
  background: transparent;
  border-color: rgba(255, 255, 255, 0.3);
  border-width: 1px;
}

.btn-white-brd:hover, .btn-white-brd:focus, .btn-white-brd.focus {
  color: #23326e;
  background: #fff;
  border-color: transparent;
}

/* default btn */
.btn-default-bg {
  color: #23326e;
  background: #f3f4f5;
  border-color: transparent;
  border-width: 0;
}

.btn-default-bg:hover, .btn-default-bg:focus, .btn-default-bg.focus {
  color: #fff;
  background: #072a47;
  border-color: transparent;
}

/* white */
.btn-wline {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.btn-wline:hover, .btn-wline:focus, .btn-wline.focus {
  color: #0168b5;
  background: #fff;
  border-color: transparent;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}



/* green */
.btn-green {
    background: #148292;
    color: #fff;
}
.btn-green:hover, .btn-green:focus, .btn-green.focus {
  color: #fff;
  background: #1aa5b9;
  border-color: transparent;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}


/* btn-sns */
.btn-sns {
  color: rgba(255,255,255,0.6);
  background: transparent;
}
.btn-sns:hover, .btn-sns:focus, .btn-sns.focus {
  background: transparent;
  color: #fff;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* blue */
.btn-bluew {
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
   
}
.btn-bluew:hover, .btn-bluew:focus, .btn-bluew.focus {
  background: #074777;
  border: 1px solid #074777;
  color: #fff;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}


@media (max-width: 991px) {
.btn-bluew {
    background: transparent;
    color: #fff;
}
.btn-bluew:hover, .btn-bluew:focus, .btn-bluew.focus {
  color: #fff;
  background: #074777;
  border-color: transparent;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}


}


/* blue */
.btn-blue {
    background: #0168b5;
    color: #fff;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue.focus {
  color: #fff;
  background: #074777;
  border-color: transparent;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}


.btn-base-bg {
  color: #fff;
  background: #072a47;
  border-color: transparent;
  border-width: 0;
}

.btn-base-bg:hover, .btn-base-bg:focus, .btn-base-bg.focus {
  color: #fff;
  background: #63cbd7;
  border-color: transparent;
}

/* btn size */
.btn-theme-sm {
    font-size: 16px;
    font-weight: 600;
    padding: 9px 20px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all .3s;
     transition: all .3s;
}

.btn-theme-s {
  font-size: 16px;
  font-weight: 600;
  padding: 15px 50px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-transition: all .3s;
   transition: all .3s;
}

.btn-theme-ss {
    font-size: 14px;
    font-weight: 600;
    padding: 11px 35px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all .3s;
     transition: all .3s;
}

.download-link {
  font-size: 18px!important;
}

.btn-theme-sss {
    font-size: 14px;
    font-weight: 600;
    padding: 4px 15px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all .3s;
     transition: all .3s;
}
.btn-theme-sss i { margin-right: 4px; }

@media (max-width: 991px) {
  .btn-theme-s {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 30px;
    border-radius: 50px;
}
.btn-theme-ss {
    padding: 12px 20px;
}
  .cmbtn-left {text-align: center!important;}
}


/*------------------------------------------------------------------
    [key color]
------------------------------------------------------------------*/
.bgcolor01{background:#0199b5!important;}
.bgcolor02{background:#002768!important;}
.bgcolor03{background:#00377c!important;}
.bgcolor04{background:#003f8e!important;}
.bgcolor05{background:#00518e!important;}
.bgcolor06{background:#005da3!important;}
.bgcolor07{background:#0168b5!important;}
.bgcolor08{background:#3180bc!important;}
.bgcolor09{background:#5091c2!important;}
.bgcolor10{background:#2d2d2d!important;}
.bgcolor11{background:#b59758!important;}


/*------------------------------------------------------------------
    [etc]
------------------------------------------------------------------*/



/*------------------------------------------------------------------
  	[Footer]
------------------------------------------------------------------*/
.footer {
  /*background: url(../img/top/03.jpg) no-repeat;
  background-size: cover;
  background-position: center center;*/
  background: #0168b5;
}

.footer .footer-seperator {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .footer-list {
  margin-bottom: 0;
}

.footer .footer-list-item {
  color: #cbd3e1;
  margin-bottom: 25px;
}

.footer .footer-list-link {
  color: #cbd3e1;
}

.footer .footer-list-link:hover {
  color: #fff;
}

.footer .footer-input {
  background: rgba(0, 0, 0, 0.15);
}

.footer .footer-logo {
    width: 220px;
    height: auto;
}
.adress {
  padding:10px;
}

/*------------------------------------------------------------------
  	[Header]
------------------------------------------------------------------*/
/* Fixed Top */
.navbar-fixed-top .navbar-collapse {
  max-height: 100%;
}

/* Navbar */
.header .navbar {
    border-radius: 0px!important;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    padding: 0;
    /* background: #007ad6; */
}
/* Navbar Toggle */
.header .navbar-toggle {
  width: 25px;
  height: 25px;
  border: none;
  padding: 0;
  margin: 24px 0;
}

.header .navbar-toggle .toggle-icon {
  position: relative;
  width: 21px;
  height: 1px;
  display: inline-block;
  background: #23326e;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle .toggle-icon:before, .header .navbar-toggle .toggle-icon:after {
  position: absolute;
  left: 0;
  background: #23326e;
  content: " ";
}

.header .navbar-toggle .toggle-icon:before {
  width: 10px;
  height: 1px;
  bottom: 10px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  transform: rotate(0);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle .toggle-icon:after {
  width: 16px;
  height: 1px;
  top: -5px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  transform: rotate(0);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon {
  background: #072a47;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon:before, .header .navbar-toggle:hover .toggle-icon:after {
  width: 21px;
  height: 1px;
  background: #072a47;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon.is-clicked {
  background: rgba(81, 87, 105, 0);
}

/* Navbar Logo */
.header .logo {
    width: 120px;
    height: 100px;
    float: left;
    max-height: 66px;
    line-height: 60px;
}

.header .logo-wrap {
  display: inline-block;
  padding: 0px;
}

.header .logo-wrap:focus, .header .logo-wrap:hover {
  text-decoration: none;
}

.header .logo-img {
  display: inline-block;
  width: 100px;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.header .logo-img-main {
  width: 100%;
  display: inline-block;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .logo-img-active {
  display: none;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Navbar */
.header .navbar-nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav > li {
    padding: 0px;
}



/* Nav */

.nav-etc {
  padding: 10px 7px !important;
}

.nav-eng {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
}
.header .nav-item {
  position: relative;
  display: block;
}

.header .nav-item:last-child .nav-item-child {
  padding-right: 0;
}

.header .nav-item .nav-item-hover.active:after {
  opacity: 1;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .nav-item:hover .nav-item-hover:after {
  opacity: 1;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .nav-item-child {
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  /* line-height: 55px;*/
  padding: 15px 12px;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .nav-item-hover {
  position: relative;
}

.header .nav-item-hover:after {
    position: absolute;
    top: 71px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 3px;
    background: #fff;
    opacity: 0;
    content: " ";
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}


.nav-etc a {
    font-size: 18px;
    padding: 10px 0px;
}
.nav-etc a.en {
    margin-top: 0px;
}

.st-link {
  color: white;
  font-size: 14px!important;
  font-weight: bold;
}
.btn-st {
  padding: 5px 20px!important;
}
.li-st {
  padding: 5px 12px!important;
}
/* Media Queries below 991px */
@media (max-width: 991px) {
  .header {
    background: #fff;
  }
  .header .logo {
    height: auto;
  }
  .header .logo-img {
    height: auto;
    width: 180px;
    max-height: 74px;
    line-height: 67px;
  }
  .header .logo-wrap {
  padding: 0px;
  }
  .header .navbar-toggle {
    display: block;
  }
  .header .navbar-collapse.collapse {
    display: none !important;
  }
  .header .navbar-collapse.collapse.in {
    display: block !important;
  }
  .header .nav-collapse {
    padding-left: 0;
    padding-right: 0;
  }
  .header .navbar-nav {
    margin: 0;
    float: none;
    height: 100vh;
  }
  .header .navbar-nav .nav-item {
    float: none;
  }
  /* Menu Container */
  .header .menu-container:before, .header .menu-container:after {
    content: " ";
    display: table;
  }
  .header .menu-container:after {
    clear: both;
  }
  /* Logo */
  .header .logo .logo-img-main {
    display: none;
  }
  .header .logo .logo-img-active {
    display: inline-block;
  }
  /* Navbar Nav */
  .header .navbar-nav .nav-etc {
    padding: 2px 15px;
}
  .header .nav-item-child {
    color: #fff;
    line-height: 1.4;
    padding: 10px 12px 10px 15px;
    text-align: center;
  }
  .header .nav-item-hover:after {
    position: absolute;
    top: 45px;
  }
  .p01 a {
    /* color: #333!important;*/
    font-size: 28px;
  }
  .navbar-nav > li {
    /* padding:8px 15px;*/
  }

 /* nav add*/
header .container {
    width: 100%;
    padding-right: 0px;
}
.header .navbar {
  border-bottom: none;
}
.navbar {border:none;}
.header .navbar-toggle {
      background: #0168b5;
      border-radius: 0px;
      width: 60px;
      height: 60px;
      margin: 0px;
  }
.header .navbar-toggle .toggle-icon:before, .header .navbar-toggle .toggle-icon:after {
  background: #fff!important;
}
.header .navbar-toggle .toggle-icon,
.header .navbar-toggle .toggle-icon:after,
.header .navbar-toggle .toggle-icon:before {
    height: 2px;
    background: #fff;
}
.header .navbar-toggle:hover .toggle-icon:before, .header .navbar-toggle:hover .toggle-icon:after {
  height: 2px;
  background: #fff;
}

.header .navbar-toggle:hover .toggle-icon {
    background: #fff;
}

  footer div .col-xs-2, footer div .col-xs-7, footer div .col-xs-3 {
    width: 100%;
    text-align: center;
    margin-bottom: 3%;
}
}

/* Media Queries below 767px */
@media (max-width: 991px) {
  /* Menu Container */
  .header .menu-container {
    padding-left: 15px;
    /* padding-right: 15px;*/
    margin-left: 0;
    margin-right: 0;
    /* border-bottom: 1px solid #eee;*/
  }
  .header .navbar > .container {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    background: #0168b5;
  }
  .header .navbar > .container > .nav-collapse {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;

  }
  .nav-eng {
    display: none;
}

}

/* Media Queries above 992px */
@media (min-width: 992px) {
  /* Navbar */
  .header .navbar-nav-right {
    float: right;
  }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
 .header .nav-item-hover:after {
    top: 63px;
 } 
 .header .nav-item-child {
    font-size: 16px;
    line-height: 1.4em;
    padding: 10px 16px;
}
.header .nav-item-child {
    letter-spacing: 0.01em;
    padding:10px 13px;
}
.btn-theme-sm {padding: 15px 20px; font-size: 14px;}
.header .logo {width: 110px;}
.carousel-centered { margin-left: 50px;}
.navbar-nav > li { padding: 0px;}
.header .logo-wrap {padding: 0px;}

.header .logo {
  width: 100px;
}
.header .nav-item-child {
  font-size: 14px;
  padding: 15px 10px;
}

}


/* Page On Scroll */
@media (min-width: 992px) {
  .page-on-scroll .header .navbar {
    background: #0168b5;
    border-bottom-color: #0168b5;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  }
  .page-on-scroll .header .logo-img-main {
    display: none;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  }
  .page-on-scroll .header .logo-img-active {
    width: 100%;
    display: inline-block;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  }
  .page-on-scroll .header .nav-item-child {
    color: #fff;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  }

  .page-on-scroll .header .nav-item-child p {
    color: #fff;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  }
  .page-on-scroll .header .nav-item-child p.p01 a {
    color: #fff;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  }

}

/*------------------------------------------------------------------
  	[Contact]
------------------------------------------------------------------*/
.contact-list > li {
  font-size: 13px;
  color: #81848f;
  margin-bottom: 10px;
}

/*--------------------------------------------------
    [Back To Top Theme Button]
----------------------------------------------------*/
.back-to-top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  display: inline-block;
  z-index: 9;
  width: 60px;
  height: 60px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  line-height: 3.3;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #000;
  /*border-radius: 3px;*/
  visibility: hidden;
  opacity: 0;
  padding: 5px;
  -webkit-transform: translate3d(0, 50px, 0);
  -moz-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.back-to-top:hover {
  color: #fff;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.back-to-top:focus, .back-to-top:hover {
  text-decoration: none;
}

/* The Button Becomes Visible */
.back-to-top.back-to-top-is-visible {
  visibility: visible;
  opacity: .6;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.back-to-top.back-to-top-is-visible:hover {
  opacity: 1;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* If the user keeps scrolling down, the button is out of focus and becomes less visible */
.back-to-top.back-to-top-fade-out {
  opacity: .4;
}

.back-to-top.back-to-top-fade-out:hover {
  opacity: 1;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/*------------------------------------------------------------------
  	[Form Control]
------------------------------------------------------------------*/
.form-control {
  height: 50px;
  font-size: 14px;
  font-weight: 400;
  color: #a6a7aa;
  background: #fafafa;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding-left: 15px;
}

.form-control::-moz-placeholder {
  color: #a6a7aa;
}

.form-control:-ms-input-placeholder {
  color: #a6a7aa;
}

.form-control::-webkit-input-placeholder {
  color: #a6a7aa;
}

.form-control:focus {
  color: #23326e;
  box-shadow: none;
}

.form-control:focus::-moz-placeholder {
  color: #23326e;
}

.form-control:focus:-ms-input-placeholder {
  color: #23326e;
}

.form-control:focus::-webkit-input-placeholder {
  color: #23326e;
}


.imeOn {
  ime-mode: active;
}
.imeOff {
  ime-mode: disabled;
}

/*------------------------------------------------------------------
    [Full Screen Carousel]
------------------------------------------------------------------*/
.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*------------------------------------------------------------------
    [Carousel]
------------------------------------------------------------------*/
.carousel-indicators {
  /*left: auto; */
  left: 48%;
  width: auto;
  padding-left: 0;
  margin-left: 0;
  padding-inline-start: 0px;
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.carousel-centered {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
.carousel-title {
    text-transform: uppercase;
    /* height: 110px;*/
    /* line-height: 2.5;*/
    /* width: 315px;*/
    background: no-repeat;
    text-align: left;
    margin: 0 auto;
}


@media  screen and (max-width: 991px) {
  .carousel-centered {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      -webkit- transform: translateY(-50%) translateX(-50%);
      text-align: center;
  }
  .carousel-indicators {left: 40%;}
  .carousel-title {
    background-size: 250px;
    width: 500px;
    height: auto;
    text-align: center;
  }
.carousel-centered p { font-size: 15px;}
.container h2 {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 15px;
    text-align: center;
  } 
.container h2 .en { line-height: 1.4em;}
}

@media  screen and (max-width: 640px) {
  .carousel-title {width: 320px;}
}


/*----------------------------------
  Custome Style of Info Window
------------------------------------*/
/* White background and box outline */
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div {
  background-color: #fff !important;
  box-shadow: none !important;
}

/* Arrow colour */
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div > div {
  background-color: #fff !important;
  box-shadow: none !important;
}

.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div:first-child {
  display: none;
}

/* Let's remove image icon inside close button */
.gm-style > div:first-child > div + div > div:last-child > div > div:last-child > img {
  display: none;
}

/* New arrow style */
.gm-style > div:first-child > div + div > div:last-child > div > div:last-child {
  overflow: inherit !important;
}

.gm-style > div:first-child > div + div > div:last-child > div > div:last-child:after {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  font-family: Simple-Line-Icons;
  color: #23326e;
  content: "\e082";
}

/* Positioning of infowindow */
.gm-style-iw {
  top: 22px !important;
  left: 22px !important;
}

/*--------------------------------------------------
    [Masonry Grid]
----------------------------------------------------*/
.masonry-grid {
  position: relative;
  margin: 0 -2px;
}

.masonry-grid:before, .masonry-grid:after {
  content: " ";
  display: table;
}

.masonry-grid:after {
  clear: both;
}

.masonry-grid .masonry-grid-item {
  display: block;
  float: left;
  vertical-align: top;
  padding: 0 2px;
  margin-bottom: 4px;
}

.masonry-grid .masonry-grid-item.col-12 {
  width: 100%;
}

.masonry-grid .masonry-grid-item.col-11 {
  width: 91.66666667%;
}

.masonry-grid .masonry-grid-item.col-10 {
  width: 83.33333333%;
}

.masonry-grid .masonry-grid-item.col-9 {
  width: 75%;
}

.masonry-grid .masonry-grid-item.col-8 {
  width: 66.66666667%;
}

.masonry-grid .masonry-grid-item.col-7 {
  width: 58.33333333%;
}

.masonry-grid .masonry-grid-item.col-6 {
  width: 50%;
}

.masonry-grid .masonry-grid-item.col-5 {
  width: 41.66666667%;
}

.masonry-grid .masonry-grid-item.col-4 {
  width: 33.33333333%;
}

.masonry-grid .masonry-grid-item.col-3 {
  width: 25%;
}

.masonry-grid .masonry-grid-item.col-2 {
  width: 16.66666667%;
}

.masonry-grid .masonry-grid-item.col-1 {
  width: 8.33333333%;
}

/* Media Queries below 768px */
@media (max-width: 768px) {
  .masonry-grid .masonry-grid-item {
    width: 50%;
  }
  .masonry-grid .masonry-grid-item.col-12, .masonry-grid .masonry-grid-item.col-11, .masonry-grid .masonry-grid-item.col-10, .masonry-grid .masonry-grid-item.col-9, .masonry-grid .masonry-grid-item.col-8, .masonry-grid .masonry-grid-item.col-7, .masonry-grid .masonry-grid-item.col-6, .masonry-grid .masonry-grid-item.col-5, .masonry-grid .masonry-grid-item.col-4, .masonry-grid .masonry-grid-item.col-3, .masonry-grid .masonry-grid-item.col-2, .masonry-grid .masonry-grid-item.col-1 {
    width: 50%;
  }
}

/* Media Queries below 600px */
@media (max-width: 600px) {
  .masonry-grid .masonry-grid-item {
    width: 100%;
  }
  .masonry-grid .masonry-grid-item.col-12, .masonry-grid .masonry-grid-item.col-11, .masonry-grid .masonry-grid-item.col-10, .masonry-grid .masonry-grid-item.col-9, .masonry-grid .masonry-grid-item.col-8, .masonry-grid .masonry-grid-item.col-7, .masonry-grid .masonry-grid-item.col-6, .masonry-grid .masonry-grid-item.col-5, .masonry-grid .masonry-grid-item.col-4, .masonry-grid .masonry-grid-item.col-3, .masonry-grid .masonry-grid-item.col-2, .masonry-grid .masonry-grid-item.col-1 {
    width: 100%;
  }
}

/*------------------------------------------------------------------
    [Swiper Slider]
------------------------------------------------------------------*/
.swiper-slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiper-clients-img {
  display: block;
  width: 190px;
  height: auto;
  margin: 0 auto;
  opacity: 1;
  cursor: pointer;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.swiper-clients-img:hover {
  opacity: .8;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/*------------------------------------------------------------------
  	[Text Colors]
------------------------------------------------------------------*/
.color-base { color: #0168b5!important;}
.color-white {color: #fff!important;}
.color-gray {color: #666!important}

.color-heading {
  color: #000!important;
}

.color-subtitle {
  color: #0168b5;
}

.color-link {
  color: #0168b5!important;
  text-decoration: underline!important;
}
.color-link:hover,.color-link:focus {
    color: #0086ea;
   transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}


.color-link-wh {
  color: #ffbf29!important;
  text-decoration: underline!important;
}
.color-link-wh:hover,.color-link-wh:focus {
  color: #ffbf29;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.color-sky-light {
  color: #fafafa;
}

/*------------------------------------------------------------------
  	[Background Colors]
------------------------------------------------------------------*/
.bg-color-base {
  background: #072a47;
}

.bg-color-white {
  background: #fff;
}

.bg-color-heading {
  background: #23326e;
}

.bg-color-subtitle {
  background: #a6a7aa;
}

.bg-color-link {
  background: #81848f;
}

.bg-color-link-hover {
  background: #999caa;
}

.bg-color-sky-light {
  background: #fafafa;
}

.bg-color-blue {
  background: #0f416a;
}
/*------------------------------------------------------------------
    [Row]
------------------------------------------------------------------*/
.row-space-1 {
  margin-right: -1px;
  margin-left: -1px;
}

.row-space-1 > [class*="col-"] {
  padding-left: 1px;
  padding-right: 1px;
}

/*------------------------------------------------------------------
  	[Content]
------------------------------------------------------------------*/
.content {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-sm {
  padding-top: 60px;
  padding-bottom: 60px;
}

.content-md {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-lg {
  padding-top: 100px;
  padding-bottom: 100px;
  z-index: 3;
  position: relative;
}

.centering img {
  text-align: center!important;
  margin: 0 auto!important;
}

/*------------------------------------------------------------------
    [Parallax Content]
------------------------------------------------------------------*/
.parallax-content {
  padding-top: 220px;
  padding-bottom: 120px;
}

/*------------------------------------------------------------------
    [Full Width]
------------------------------------------------------------------*/
.full-width {
  width: 100%;
  height: auto;
}

/*------------------------------------------------------------------
    [Container Full Width]
------------------------------------------------------------------*/
.container-full-width {
  width: 100%;
}

.container-full-width:before, .container-full-width:after {
  content: " ";
  display: table;
}

.container-full-width:after {
  clear: both;
}


/*------------------------------------------------------------------
    [Overflow]
------------------------------------------------------------------*/
.overflow-h {
  overflow: hidden;
}

/*--------------------------------------------------
    [Font Weight]
----------------------------------------------------*/
.fweight-300 {
  font-weight: 300 !important;
}

.fweight-400 {
  font-weight: 400 !important;
}

.fweight-500 {
  font-weight: 500 !important;
}

.fweight-600 {
  font-weight: 600 !important;
}

.fweight-700 {
  font-weight: 700 !important;
}

/*------------------------------------------------------------------
    [Top margin]
------------------------------------------------------------------*/
.margin-t-0 { margin-top: 0px!important; }
.margin-t-10 { margin-top: 10px!important; }
.margin-t-20 { margin-top: 20px!important; }
.margin-t-30 { margin-top: 30px!important; }
.margin-t-40 { margin-top: 40px!important; }
.margin-t-50 { margin-top: 50px!important; }

/*------------------------------------------------------------------
    [Left margin]
------------------------------------------------------------------*/
.margin-l-0 {
  margin-left: 0 !important;
}

.margin-l-5 {
  margin-left: 5px !important;
}

.margin-l-10 {
  margin-left: 10px !important;
}

.margin-l-20 {
  margin-left: 20px !important;
}

/*------------------------------------------------------------------
    [Right margin]
------------------------------------------------------------------*/
.margin-r-0 {
  margin-right: 0 !important;
}

.margin-r-5 {
  margin-right: 5px !important;
}

.margin-r-10 {
  margin-right: 10px !important;
}

.margin-r-20 {
  margin-right: 20px !important;
}

/*------------------------------------------------------------------
    [Bottom margin]
------------------------------------------------------------------*/
.margin-b-0 {
  margin-bottom: 0 !important;
}

.margin-b-2 {
  margin-bottom: 2px !important;
}

.margin-b-5 {
  margin-bottom: 5px !important;
}

.margin-b-10 {
  margin-bottom: 10px !important;
}

.margin-b-20 {
  margin-bottom: 20px !important;
}

.margin-b-30 {
  margin-bottom: 30px !important;
}

.margin-b-40 {
  margin-bottom: 40px !important;
}

.margin-b-50 {
  margin-bottom: 50px !important;
}

.margin-b-60 {
  margin-bottom: 60px !important;
}

.margin-b-70 {
  margin-bottom: 70px !important;
}

.margin-b-80 {
  margin-bottom: 80px !important;
}

.margin-b-90 {
  margin-bottom: 90px !important;
}

.margin-b-100 {
  margin-bottom: 100px !important;
}

/*------------------------------------------------------------------
    [Top margin below 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
  .md-margin-b-0 {
    margin-bottom: 0 !important;
  }
  .md-margin-b-2 {
    margin-bottom: 2px !important;
  }
  .md-margin-b-5 {
    margin-bottom: 5px !important;
  }
  .md-margin-b-10 {
    margin-bottom: 10px !important;
  }
  .md-margin-b-20 {
    margin-bottom: 20px !important;
  }
  .md-margin-b-30 {
    margin-bottom: 30px !important;
  }
  .md-margin-b-40 {
    margin-bottom: 40px !important;
  }
  .md-margin-b-50 {
    margin-bottom: 50px !important;
  }
  .md-margin-b-60 {
    margin-bottom: 60px !important;
  }
  .md-margin-b-70 {
    margin-bottom: 70px !important;
  }
  .md-margin-b-80 {
    margin-bottom: 80px !important;
  }
  .md-margin-b-90 {
    margin-bottom: 90px !important;
  }
  .md-margin-b-100 {
    margin-bottom: 100px !important;
  }
}

/*------------------------------------------------------------------
    [Top margin below 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
  .sm-margin-b-0 {
    margin-bottom: 0 !important;
  }
  .sm-margin-b-2 {
    margin-bottom: 2px !important;
  }
  .sm-margin-b-5 {
    margin-bottom: 5px !important;
  }
  .sm-margin-b-10 {
    margin-bottom: 10px !important;
  }
  .sm-margin-b-20 {
    margin-bottom: 20px !important;
  }
  .sm-margin-b-30 {
    margin-bottom: 30px !important;
  }
  .sm-margin-b-40 {
    margin-bottom: 40px !important;
  }
  .sm-margin-b-50 {
    margin-bottom: 50px !important;
  }
  .sm-margin-b-60 {
    margin-bottom: 60px !important;
  }
  .sm-margin-b-70 {
    margin-bottom: 70px !important;
  }
  .sm-margin-b-80 {
    margin-bottom: 80px !important;
  }
  .sm-margin-b-90 {
    margin-bottom: 90px !important;
  }
  .sm-margin-b-100 {
    margin-bottom: 100px !important;
  }
}

/*------------------------------------------------------------------
    [Top margin below 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
  .xs-margin-b-0 {
    margin-bottom: 0 !important;
  }
  .xs-margin-b-2 {
    margin-bottom: 2px !important;
  }
  .xs-margin-b-5 {
    margin-bottom: 5px !important;
  }
  .xs-margin-b-10 {
    margin-bottom: 10px !important;
  }
  .xs-margin-b-20 {
    margin-bottom: 20px !important;
  }
  .xs-margin-b-30 {
    margin-bottom: 30px !important;
  }
  .xs-margin-b-40 {
    margin-bottom: 40px !important;
  }
  .xs-margin-b-50 {
    margin-bottom: 50px !important;
  }
  .xs-margin-b-60 {
    margin-bottom: 60px !important;
  }
  .xs-margin-b-70 {
    margin-bottom: 70px !important;
  }
  .xs-margin-b-80 {
    margin-bottom: 80px !important;
  }
  .xs-margin-b-90 {
    margin-bottom: 90px !important;
  }
  .xs-margin-b-100 {
    margin-bottom: 100px !important;
  }
}

/*--------------------------------------------------
    [Height]
----------------------------------------------------*/
.height-100 {
  height: 100px !important;
}

.height-200 {
  height: 200px !important;
}

.height-300 {
  height: 300px !important;
}

.height-400 {
  height: 400px !important;
}



/*--------------------------------------------------
    [TOP UNIQ ]
----------------------------------------------------*/

.tellarge a,.p02 a{  color: #fff;}

.page-on-scroll .header .nav-item-child p.p02 a { color: #23326e!important;}
.page-on-scroll .header .nav-item-child p.p02 a:hover{ 
  color: #23326e!important;
  text-decoration: underline;
 -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

li.nav-item span.glyphicon,
.btn-green span.glyphicon,
.btn-bluew span.glyphicon   {
    margin-right: 7px;
    margin-left: 0px;
}
li.nav-item.navbtn {padding: 20px;}
li.nav-item p {color:#fff!important;}

.accesstel a { color: #fff;}
.accesstel a:hover,.ft_txt a:hover,.tellarge a:hover,.p02 a:hover {
   text-decoration: underline;
  -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.ft_txt a{color: #333;}




/*--------------------------------------------------
    [TOP UNIQ #loader ]
----------------------------------------------------*/
#loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #0168b5;
    z-index: 9999;
}
#loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 0px;
  margin-left: 0px;
  text-align: center;
  color: #fff;
  z-index: 3;
}
#loader img {width: 80%;}


.loader {
  font-size: 10px;
  text-indent: -9999em;
  width: 6em;
  height: 6em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #0168b5;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.load-container {
    /* border: 1px solid rgba(255, 255, 255, 0.2); */
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
}
.logobox {
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    margin-left: -70px;
}
.logobox img { width: 200px; }


/*--------------------------------------------------
    [TOP UNIQ #MV ]
----------------------------------------------------*/
.title01 {
    font-size: 5.5rem;
    letter-spacing: .05em;
}
.title02 {
    font-size: 2.8rem;
    font-weight: 100;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.title02-bold {
    font-size: 2.8rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0px;
}

.carousel-indicators li {
  width: 30px;
}
 .carousel-inner > .mv01 { background-position: 84% center;}



@media screen and (max-width: 1199px) and (min-width: 992px) {
  .carousel-inner > .mv01 { background-position: 84% center;}
  .carousel-inner > .mv02 { background-position: 65% center;}
  h3 { font-size: 23px;}
}

@media screen and (max-width: 991px) {
  .title01 {
    font-size: 34px;
    letter-spacing: .05em;
    line-height: 1.4em;
    margin-bottom: 20px;
 }
.title02-bold {
     font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 15px;
}
.carousel-inner > .mv01 { background-position: 18% center;}
.carousel-inner > .mv02 { background-position: 65% center;}
.carousel-inner > .mv03 { background-position: 30% center;}
}

@media screen and (max-width: 640px) {
.title01 {
    font-size: 30px;
    line-height: 1.4em;
    margin-bottom: 15px;
    text-align: center;
 }
.title02-bold {
     font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 15px;
}
.carousel-inner > .mv03 { background-position: 56% center;}

}


/*--------------------------------------------------
    [TOP UNIQ #sec01 ]
----------------------------------------------------*/
#quick {
    display: block;
    background: url(../img/top/bg_quick.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

#quick:after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    display: inline-block;
    vertical-align: middle;
    /* background: -webkit-gradient(linear, left top, right top, color-stop(20%, #0091d0), color-stop(80%, #1aa6e2)); */
    /* background: -webkit-linear-gradient(left, #0091d0 20%, #1aa6e2 80%); */
    background: #e8e2d7;
    height: 100%;
    width: 100%;
    opacity: 1;
    position: absolute;
    top: 0px;
    z-index: 2;
}

/* common */
.cmbtn {
  margin-top: 50px; 
  text-align: center;
}  
.cmbtn-left {
  margin-top: 30px; 
  text-align: left;
}  
.cmbtnsmall {
  margin-top: 10px; 
  text-align: center;
}  
span.glyphicon { margin-right: 10px; }

.cmntitle h2 p {
    color: #1d1d1b;
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 1.5em;
}
.cmntitle .en {
    font-size: 18px;
    font-weight: 400;
    color: #0168b5;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 0.3px;
}
.cmntitle span {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: .1rem;
}

@media (max-width: 991px) {
.cmntitle .en { font-size: 22px; }
.cmntitle h2 p {font-size: 30px; margin-bottom: 10px;}
}

@media (max-width: 480px) {
.cmntitle .en {font-size: 16px;}
.cmntitle h2 p {font-size: 26px;}
}

/* End common */


/* quick tab */
.tabNav {width: 100%;}  

.tabNav li {
    font-weight: 700;
    text-align: left;
}
.tabNav li.lastChild a {
  margin-right: 0px;
}

.tabNav a {
    float: left;
    width: 19.2%;
    margin-right: 1%;
    display: inline-block;
    padding: 10px 7px;
    color: #f9f9f9;
    background: #000;
}

.tabNav a.active {
    color: #fff;
    background: #0168b5;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.tabNav .col-lg-9 {
    padding-right: 0px;
    padding-left: 8px;
}
.quick_icon {display: inline-block;}
.quick_icon img {  width: 50px;  margin-top: 0px;}
.quick_tabtit {
    color: #eee;
    text-align: center;
    line-height: 1.6em;
}

.tabNav a.active p.quick_tabtit { color: #fff;}


/* tabbox */
.tabContents {
    clear: both;
    padding: 30px;
    margin-bottom: 30px;
    background: #fff;
} 

.tabContents dl {  
    margin-bottom: 15px;  
}  
.tabContents dt {
    padding: 10px 20px;
    border: 2px solid #eee;
    border-radius: 10px;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 18px;
    position: relative;
}

.tabContents dt:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    position: absolute;
    right: 23px;
    top: 26%;
    font-size: 19px;
    padding: 3px 7px;
    background: #cc3333;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    color: #fff;
}

.tabContents dd {
    padding: 20px 20px 10px;
    margin-bottom: 20px;
    background: #e8e2d7;
    border-radius: 10px;
    position: relative;
    overflow: auto;
}

/*.tabContents dd a {display: inline-block;}*/
.tabContents dd a p {
    /*border: 1px solid #000;*/
    font-size: 18px;
    font-weight: 600;
    padding: 2px 13px;
    /*border-radius: 50px;*/
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all .3s;
     transition: all .3s;
}

.tabContents dd a p:before {
  content: "●";
  color: #cc3333;
  margin-right: 10px;
}

.tabContents dd a p strong {
    color: #cc3333;
    font-size: 110%;
}

.tabContents dd a p:hover,.tabContents dd a p:focus{
  /*background: #cc3333;*/
  /*border: 1px solid #cc3333;*/
  /*color: #fff;*/
  background: #e0ffff;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
 .tabNav a { 
   text-align: center;
   width: 19%;
   margin-bottom: 10px;
 } 
.quick_icon img { width: 40px; height: 40px;}

}

@media (max-width: 991px) {
.tabNav a {
    text-align: center;
    width: 32%;
    margin-bottom: 4px;
}
.tabNav .col-lg-9 {
    padding-right:10px;
    padding-left: 10px;
}
.quick_icon img { width: 35px; height: 35px;}
.quick_tabtit { font-size: 13px;}
.tabContents dt {font-size: 16px;}
.tabContents { padding: 15px;}
.tabContents dt:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    position: absolute;
    right: 8px;
    top: 26%;
    font-size: 19px;
    padding: 3px 7px;
    background: #cc3333;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    color: #fff;
}

}

@media (max-width: 480px) {
.tabNav a { padding: 10px 3px;}
.tabContents dt {font-size: 14px;}
.tabContents dt:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    position: absolute;
    right: 5px;
    top: 26%;
    font-size: 18px;
    padding: 3px 5px;
    background: #cc3333;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    color: #fff;
}
.tabContents dt {
    font-size: 14px;
    padding: 10px 30px 10px 10px;
}
.tabContents dd a p {
    font-size: 14px;
    padding: 4px 15px;
}
.tabContents dd {padding: 10px 18px 0px;}

}




/*--------------------------------------------------
    [TOP UNIQ #sec02 business ]
----------------------------------------------------*/

#business {
    background: url(../img/top/sec02bg.jpg) no-repeat #333 fixed;
    background-size: cover;
    background-position: center center;
}

#business h3 {
  position: relative;
  font-size: 28px;
  font-weight: 700;
}
#business h3:after {
    content: "";
    position: absolute;
    width: 40px;
    border-bottom: 2px solid;
    bottom: -8px;
    left: 0;
    color: #a7a7a7;
}
#business h5 {
    font-size: 17px;
    color: #333;
}
.font01 {
    color: #1b1b1b;
     font-weight: 400;
    font-size: 16px;
}

.whitebox {
    background: #fff;
    padding: 40px;
}

.tech-text {
    font-size: 24px;
    display: inline;
    background-color: white;
    padding: 5px 15px;
}


@media (max-width: 991px) {
  #business {
    background-attachment: inherit;
    background-position: 16% center;
}
  #business h3 {font-size: 20px;}
  #business h5 {
    font-size: 16px;
    line-height: 1.6em;
 }
 .cmbtn {text-align: center;}
 .whitebox { padding:25px 10px;}
 .whitebox .imgarea {margin-bottom: 15px;}
}


/*--------------------------------------------------
    [TOP UNIQ #sec04 business ]
----------------------------------------------------*/

#technical {
    /*background: url(../img/top/sec04bg.jpg) no-repeat #333 fixed;*/
    background:  url(../img/top/sec04bg.png) no-repeat;
    background-size: cover;
    background-position: center center;
}

#technical h3 {
  position: relative;
  font-size: 28px;
  font-weight: 700;
}
/*#technical h3:after {
    content: "";
    position: absolute;
    width: 40px;
    border-bottom: 2px solid;
    bottom: -8px;
    left: 0;
    color: #a7a7a7;
}*/
#technical h5 {
    font-size: 17px;
    color: #333;
}


@media (max-width: 991px) {
  #technical {
    background-attachment: inherit;
    background-position: 16% center;
}
  #technical h3 {font-size: 20px;}
  #technical h5 {
    font-size: 16px;
    line-height: 1.6em;
 }
 .m-margin-t-80 {
  margin-top: 80px;
 }
}


/*--------------------------------------------------
    [TOP UNIQ #company]
----------------------------------------------------*/
#company {
    background: #fff;
}

@media (max-width: 991px) {
  #company h3,  #deform h3, #recruit h3  { font-size: 21px; text-align: center;}
  #company .imgbox {margin-top: 30px; text-align: center;}

}


/*--------------------------------------------------
    [TOP UNIQ #deform]
----------------------------------------------------*/
#deform {
    display: block;
    background: url(../img/top/deformbg.jpg) no-repeat center center;
    background-size: cover;
}
#deform .col-sm-6 {
    float: right;
}
#deform .cmntitle .en {
    font-size: 23px;
    font-weight: 300;
    margin-bottom: 10px;
}
#deform .cmntitle .deformbold {
    font-weight: 400;
}

@media (max-width: 991px) {
  #deform .imgbox {margin-top: 30px;}
  .deformlogo {text-align: center;}
  #deform {background: none;}
  #deform .col-sm-6 {
      float: none;
      width: 100%;
  }
  .col-sm-5, .col-sm-6,.col-sm-7,.col-sm-8 {width: 100%!important}
}




/*--------------------------------------------------
    [TOP UNIQ #recruit]
----------------------------------------------------*/
#recruit {
    display: block;
    background: url(../img/top/sec03bg.jpg) no-repeat center center;
    background-size: cover;
}
#recruit .imgbox:hover {
    opacity: 0.9;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
@media (max-width: 991px) {
  #recruit .imgbox {margin-top: 30px; text-align: center;}
  #recruit { background-position: 6% center; }
}

@media (max-width: 640px) {
 #recruit { background-position: 35% center; }

}

/*--------------------------------------------------
    [TOP UNIQ #news]
----------------------------------------------------*/
#news {background: #fff;}
.top-newslist {padding:50px 0px 0px;}
.top-newslist div {border-right:2px solid #eee;}
.borderl {border-left: 2px solid #eee;}

/* top news */
.newsnum {margin-bottom: 30px;}
.newsnum span {
    display: block;
    line-height: 1.4em;
}
.numtxt {
   font-size: 30px;
   font-weight: 400;
   color:#fff;
}
.numtag {
    font-size: 13px;
    font-weight: 500;
    padding: 0px 10px;
    color: #fff;
    display: inline-block;
    line-height: 1.6em;
}

.numtag-v {
    font-size: 16px;
    font-weight: 700;
    padding: 0px 15px;
    color: #fff;
    display: inline-block;
    line-height: 1.6em;
}
.tag-news {
    font-size: 11px;
    font-weight: 500;
    background: #bd3232;
    border-radius: 100px;
    padding: 1px 11px;
}
.qs_txt_entry .tag-news { margin-left: 5px;}
.cate01 {background-color: #0168b5!important;}
.cate02 {background-color: #b50101!important; text-align: center; line-height: 1.3;}
.cate03 {background-color: #68926a!important;}
.cate04 {background-color: #1cbec4!important;}
.cate05 {background-color: #e48000!important;}
.cate11 {background-color: #404040!important;}
.cate12 {background-color: #00ac9b!important;}
.cate-new {
    background-color: #ff4500 !important;
    border-radius: 30px;
    margin-right: 10px;
    font-size: 13px;
    padding-top: 3px;}

.news-title {
    font-size: 18px;
    letter-spacing: 0.01em;
}
.news-subtitle {
    font-size: 14px;
    font-weight: 700;
    color: #3e3e3e;
    line-height: 1.6em;
    margin-bottom: 20px;
}

.top-newslist time {
    color: #a0a0a0;
    font-size: 15px;
    font-weight: 300;
}
.qs_txt_entry { margin-bottom: 10px;}

@media (max-width: 991px) {
.borderl {border-top: 1px solid #eee;}  
.top-newslist div {
    margin-bottom: 30px;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #eee;
    padding: 30px 0px;
    text-align: center;
}
.numtag { font-size: 12px;}
}



/*------------------------------------------------------------------
    [sub05 news]
------------------------------------------------------------------*/

.newslist img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
}

#newslist .content-lg {
    padding-top: 0px;
}



/* news left */
.wrap__col {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}




@media only screen and (min-width: 992px), print{
.col__main {margin-right: 50px;}
.col__main {
    margin-right: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
.col__side {
/*  width: 230px;*/
  width: 30%;
  margin-top: 0;}
}



/* news category */
.col__side {
    margin-top: 0px;
    /* background-color: #f8f8f8;*/
}
.col__side .inner {
    position: -webkit-sticky;
    position: sticky;
    top: 5em;
}

.col__side .ttl__side {
    font-size: 17px;
    font-size: 1.7rem;
    border-bottom: 1px solid #fff;
}

.col__side .ttl__side a, .col__side .ttl__side span {
    display: block;
    padding: 0.7em 0.5em 0.6em 15px;
    background: transparent;
    color: #000;
    font-weight: 700;
    /* letter-spacing: 0.1em; */
    text-decoration: none;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}

.col__side .list_side_link {
    font-size: 15px;
    font-size: 1.5rem;
    padding-bottom: 40px;
}

.col__side .list_side_link li:first-child {
    border-top: none;
}
.col__side .list_side_link li a {
    -webkit-transition-property: background-color, color;
    -o-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    position: relative;
    display: block;
    padding: 0.6em 0.5em 0.6em 15px;
    color: #464646;
    font-size: 14px;
    border-bottom: 1px solid #dedede;
}


.qs_wrap__entry_thumb .qs_entry_list {
  overflow: hidden;
  -js-display: flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -30px -10px 0;
}

@media only screen and (min-width: 992px), print {
  .qs_wrap__entry_thumb .qs_entry_list {
    margin: 0px;
  }
}


.qs_wrap__entry_thumb .qs_entry_list li {
  width: 50%;
  margin-top: 0px;
  margin-bottom: 30px;
  padding: 0 10px;
}


@media only screen and (min-width: 992px), print {
  .qs_wrap__entry_thumb .qs_entry_list li {
    width: 33.33333%;
    margin-top: 0px;
    padding: 0 15px;
  }
}

.qs_wrap__entry_thumb .qs_entry_list li a {
  color: #444;
  text-decoration: none;
}
.qs_wrap__entry_thumb .qs_entry_list li a:hover .qs_img_entry img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
          transform: translate(-50%, -50%) scale(1.05);
}
.qs_wrap__entry_thumb .qs_img_entry {
  overflow: hidden;
  position: relative;
  padding-top: 62.5%;
  background-color: #f8f8f8;
}
.qs_wrap__entry_thumb .qs_img_entry img {
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition: -webkit-transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
}
.qs_wrap__entry_thumb .qs_meta_entry {
    color: #a0a0a0;
    font-size: 15px;
    font-weight: 300;
}

.media_list01 {
    width: 33.3%;
    margin-top: 0px;
    padding: 0 10px;
}
.media_wrap01 {
    border-radius: 5px;
    box-shadow: 0 1px 8px rgb(0 0 0 / 20%);
    transition: box-shadow .1s ease-in;
}
.media_wrap02 {
  padding: 10px 20px 25px;
}

.qs_txt_entry01 {
    margin-bottom: 0px;
    margin-top: 10px;
    line-height: 1.3;
    /* padding: 10px 0; */
}

.media_keywords {
    margin: 50px 35px;
}

.media_keywords h3 {
    color: #0168b5;
    font-size: 23px;
    text-align: center;
}

.media_keywords ul li {
    display: inline-block;
    margin: 10px 5px;
}

.media_keywords ul li a {
    color: #0168b5;
    font-weight: bold;
    font-size: 16px;
    border: solid 1px #0168b5;
    border-radius: 50px;
    padding: 5px 20px;
}

.media_keywords ul li a:hover {
    color: white;
    background: #0085ce;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}


@media only screen and (max-width: 991px) {
    #newslist .content-lg {
    padding: 0px 0px!important;
}

.qs_wrap__entry_thumb .qs_txt_entry {
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6em;
}
.qs_wrap__entry_thumb .qs_meta_entry {font-size: 13px;}
.qs_txt_entry .tag-news{margin-left: 10px;}
/* category */
.col__side {
    margin-top: 52px;
    width: 100%;
}
.wrap__col {
      list-style: none;
    display: list-item;
    padding-right: 10px;
    padding-left: 10px;
}



}




/* pager */
.qs_wrap_page__navi {
    margin-top: 32px;
}
.qs_page__navi {
    overflow: hidden;
    text-align: center;
}
.qs_page__navi li {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    width: 2.2rem;
    line-height: 20px;
    line-height: 2rem;
}
.qs_page__navi li.current {
    background-color: #0168b5;
    border: 1px solid #0168b5;
    border-radius: 2px;
    color: #fff;
    pointer-events: none;
}
.qs_page__navi li.first a, .qs_page__navi li.previous a, .qs_page__navi li.last a, .qs_page__navi li.next a {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position: relative;
}

.qs_page__navi li a, .qs_page__navi li span {
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    display: block;
}
.qs_page__navi li a {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    color: #000;
}

.qs_page__navi li.first a:after, .qs_page__navi li.previous a:after, .qs_page__navi li.last a:after, .qs_page__navi li.next a:after {
    font-size: 14px;
    font-size: 1.4rem;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #aaa;
    text-indent: 0;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5);
}
.qs_page__navi li.next a:after {
    content: ">";
}
.qs_page__navi li.previous a:after {
    content: "<";
}
.qs_page__navi li.first a:after {
    content: "<<";
}
.qs_page__navi li.last a:after {
    content: ">>";
}
.qs_page__navi li.last {
    margin-left: 0.4em;
}

.qs_page__navi li a:hover {
    background: #333;
    color: #fff;
}


@media only screen and (min-width: 992px), print{
.qs_wrap_page__navi {margin-top: 80px;}
.qs_page__navi li.first {
    margin-right: 0.8em;
}
.qs_page__navi li.last {
    margin-left: 0.8em;
}
.qs_page__navi li {
     margin: 0 0.1em;
    width: 35px;
    width: 3.5rem;
    line-height: 33px;
    line-height: 3.3rem;
}

}

@media only screen and (min-width: 576px), print{
.qs_wrap_page__navi {margin-top: 40px;}
}


/*--------------------------------------------------
    [TOP UNIQ #etc_banner]
----------------------------------------------------*/
#etc_banner { background: #fff;}
#etc_banner .content-lg {
    padding-top: 30px;
    padding-bottom: 30px;
}
.bnbox {text-align: center;}
.bnbox a img {
    width: 400px;
    margin: 0 auto;
}
.bnbox a img:hover {
   opacity: .8;
   transition-duration: 300ms;
   transition-property: all;
   transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
   
}

@media (max-width: 991px) {
      .bnbox a img { width: 100%;}
}

/*--------------------------------------------------
    [TOP UNIQ #etc_news]
----------------------------------------------------*/
#etc_news {
  background: #fff;
  padding: 40px 0;
}
#etc_news .content-lg {
    padding-top: 5px;
    padding-bottom: 10px;
}

.newslist01 {
  width: 100%;
}
.newslist01 li {
  font-size: 13px!important;
}
.newslist01 li a {
  box-sizing: border-box;
  color: #000000;
  display: table;
  padding: 10px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  width: 100%;
}
.newslist01 li a:hover {
  background: #EEEEEE;
  text-decoration: none;
}
.newslist01 li div {
  display: table-cell;
  width: 200px;
}
.newslist01 li p {
  font-size: 13px;
  display: table-cell;
  vertical-align: middle;
}

/* 時間の設定 */
.newslist01 li time {
  font-size: 13px;
  display: table-cell;
  vertical-align: middle;
  width: 110px;
}


/*--------------------------------------------------
    [TOP UNIQ #contact]
----------------------------------------------------*/


#contact  {
    display: block;
    background: url(/cmn/img/top/contactbg.jpg) no-repeat top center;
    background-size: cover;
}

#contact .content-lg {
 padding-top: 50px;
 padding-bottom: 50px;
}

.container-con {
    background: rgba(33,71,153,.95);
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding: 40px 15px;
    display: table;
}
.container-con h2 {line-height: 1em;}
#contact .container-con h2 {
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
}

.cboxtit09 {
    font-size: 20px;
    font-weight: 700;
    color: #072a47;
    line-height: 2em;
}

/* conbox */
.conbox {
    width: 100%;
    margin-top: 20px;
}
.conbox div {
    display: inline-block;
    /* margin: 0 auto; */
    /* text-align: center; */
    vertical-align: text-top;
}
#contact .telbox { margin-right: 10px; vertical-align: bottom;}
#contact .p01 a {font-size: 28px;}



@media (max-width: 991px) {
#contactpre p { font-size: 16px;}
#contact {
    padding: 60px 20px;
    background-position: 45% center;
}
.cboxtit09 {font-size: 16px;}
#contact .telbox { margin-bottom: 20px;}
#contact .container-con h2 {font-size: 14px;}
}

@media (max-width: 640px) {
#contact {
    background-position: 50% center;
    padding: 30px 15px;
}

}

@media (min-width: 768px) {
  .container-con {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .container-con {
    width: 650px;
  }
}
@media (min-width: 1200px) {
  .container-con {
    width: 850px;
  }
  .container-con-wsm {
    width:  650px!important;
    padding: 75px 0px!important;
  }
}


/*--------------------------------------------------
    [FOOTER]
----------------------------------------------------*/
.footer_menu_inner {
    text-align: right;
}
.footer_menu_inner p {
    display: inline-block;
}
.footer_menu_inner a:hover{
  color: #a0bad8;
  text-decoration: underline;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.menutit {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}


.ft_txt{ 
    font-size: 13px;
    font-weight: 700;
    color: #333;
 }
.copy p {
    font-size: 13px;
    font-weight: 400;
    color: #a0bad8;
    letter-spacing: 0.3px;
    text-transform: capitalize;
}
.disp {
  margin: 0px 10px; 
  color:#c1c1bc;
  font-weight: 100;
}


.adressbox {
   text-align: left;
}

.adresstxt {
  font-size: 16px; 
  font-weight: 700;
  color: #fff;
}
.adresstxt02{
  font-size: 14px; 
  font-weight: 700;
  color: #a0bad8;
}

.telbox {
  border: 2px solid #fff;
  padding:10px 20px;
  display: inline-block;
  text-align: center;
}
.telbox .en {
    font-size: 27px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.4px;
    line-height: 1em;
    margin-bottom: 8px;
}
.telbox span.glyphicon {
   font-size: 22px;
}
.telbox p {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.4px;
    line-height: 1em;
}
.telbox span.en {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 1em;
}
.copybox {text-align: right;}


@media screen and (max-width: 1199px) {
  .adressbox, .copybox {text-align: center;}
  footer .float-right {float: none;}
  .footer_menu_inner {text-align: center; margin-bottom: 30px;}
}

@media (max-width: 991px) {
.ft_txt, .menutit {font-size: 13px;}
.disp { margin: 0px 5px;}


}




/*--------------------------------------------------
    [cmn sp]
----------------------------------------------------*/
@media (max-width: 991px) {

h1 {font-size: 32px;}
h3 {
    line-height: 1.3em;
    font-size: 20px;
}
p {line-height: 1.7em;}
.quick_tabtit {line-height: 1.3em;}


  .p02 a {color: #000;}
    li.nav-item p {color:#000;}
    #map {width: 100%!important;}
    .content-lg {padding: 50px 15px!important}

  #etc_news .content-lg {padding: 0!important;}

}

@media (min-width: 768px) {
  .sp_br {
    display: none;
  }
}

@media (max-width: 768px) {
.viewpc1 {display: none;}
}


/*
#menu{
  list-style-type: none;
  width: 500px;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  background: #276baa;
}
#menu li{
  position: relative;
  width: 25%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#menu li a{
  display: block;
  margin: 0;
  padding: 13px 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}*/

#menu01 li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
    padding: 0;
}
#menu01 li:last-child ul{
  left: -100%;
  width: 100%
}
#menu01 li ul li{
  overflow: hidden;
  width: 250%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#menu01 li ul li a{
  display: block;
  background: #1a5293;
  color: white;
  text-align: left;
  font-size: 15px;
  font-weight: normal;
}
#menu01 li:hover > a{
  background: #1a5293;
}
#menu01 li:hover ul li{
  overflow: visible;
  height: auto;
  border-bottom: 1px solid #fff;
  padding: 15px;
  background: #1a5293;
}
#menu01 li:hover ul li:first-child{
  border-top: 0;
}
#menu01 li:hover ul li:last-child{
  border-bottom: 0;
}

#menu01 li:hover ul li:hover{
  opacity: 0.8;
}

@media (max-width: 991px) {
#menu01 li ul {display: none;}
}

@media (max-width: 768px) {
#menu01 li ul {display: none;}
}

.cmlink {
    background: #ff6347;
    border-color: #ff6347;
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
    padding: 10px 50px;
}

.virtualtag {
  margin-top: 5px;
  font-size: 16px!important;
}

/*virtial tour*/
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 10px;
    height: 0;
    overflow: hidden;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.movie-contents h2 {
  position: relative;
  font-size: 20px;
  padding: 1rem 2rem;
  background-color: #f0f0f0;
  border-left: 5px solid #0085ce;
  margin-top: 30px;
}

/*catalog-download*/

#catalog {
  background: #e8e2d7;
}

.catalog-download {
  position: relative;
  text-align: center;
/*  width: 70%;*/
  margin: 0 auto;
  padding: 20px;
/*  background: #f1f1f1;
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);*/
  border-radius: 5px;
}

.c-d-inner {
  display: inline-block;
  margin-right: 50px;
  vertical-align: middle;
}

.c-d-inner p {
  font-size: 20px;
}

.c-d-img {
  display: inline-block;
  vertical-align: middle;
}

.c-d-img img {
  box-shadow: 0 2px 7px #5b5b5b;
  max-width: 120px;
}

.c-d-img p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 120px;
  height: auto;
}

.c-d-btn {
  display: inline-block;
  padding: 10px 40px;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 20px;
}

@media (max-width: 991px) {
  .catalog-download {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .catalog-download {
    width: 100%;
  }
  .c-d-inner {
    margin-right: 0;
  }
  .c-d-btn {
    margin-bottom: 10px;
  }
}

.form-inner {
  width: 80%;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .form-inner {
    width: 100%;
    margin: 0 auto;
  }
}

.cae-h {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.15em;
}

.adresstxt02 {
  padding-top: 20px;
  line-height: 1.7;
}
.adresstxt02 a {
  font-size: 14px;
  font-weight: 700;
}
.footer-sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer-sitemap-detail {
  text-align: left;
  margin: 30px 30px 15px;
}
.footer-sitemap-ttl a {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}
.footer-sitemap-list {
  padding-bottom: 10px;
}
.footer-sitemap-item a {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.4px;
}
@media (max-width: 991px) {
.footer-sitemap {
  display: block;
}
.footer-sitemap-list {
  display: none;
}
.footer-sitemap-detail {
  text-align: center;
  margin: 0;
}
.footer-sitemap-detail p {
  margin: 5px 0;
}
}

.main-ttl {
  text-shadow: 3px 3px 10px #131c3d, -3px 3px 10px #131c3d, 3px -3px 10px #131c3d, -3px -3px 10px #131c3d;
}

.business-wrap {
    background: url(/cmn/img/top/test1.png);
    background-size:cover;
    background-position:center center;
    padding: 50px 10px;
    text-align: center;
    color: #fff;
}
.business-wrap h3 {
    color: #fff;
    font-size: 20px;
}
.business-wrap p {
    color: #fff;
}
.news-wrap { width:70%; margin: 0 auto; }
.news-jump {
    display: block;
    text-align: right;
    text-decoration: underline;
    font-size: 13px;
}
.top-ttl {
    position: relative;
    padding-left: 20px;
}
.top-ttl:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    border-top: 2px solid #074777;
    border-right: 2px solid #074777;
}
.business-detail {
    margin-bottom: 30px;
}

.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  align-items: center;
  text-decoration: none;
  color: #000;
  padding: 10px 20px;
}
.news-list .item .date{
  margin: 0;
  min-width: 140px;
  font-size: 13px;
  color: #999;
  padding: 0 20px 0 0;
}
.news-list .item .category{
  margin: 0;
  min-width: 140px;
  padding: 0 20px 0 0;
}
.news-list .item .category span{
  background: #0168b5;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1;
}
.news-list .item .title{
  margin: 0;
  width: 100%;
  font-size: 13px;
}

@media screen and (max-width: 992px){
  .news-wrap {
    width: 100%;
}
}

@media screen and (max-width: 767px){
    .news-list .item a{
      flex-wrap: wrap;
  }
  .news-list .item .date{
      min-width: 100px;
  }
  .news-list .item .title{
      margin-top: 10px;
  }
}