/*--------------------------------------------------------------
	Common
--------------------------------------------------------------*/
html {
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
}

body {
  background: #fff;
  font: 400 12px/1.8 "Open Sans", sans-serif;
  color: #666;
  -webkit-font-smoothing: antialiased;


  -moz-osx-font-smoothing: grayscale;
  /*font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
  font-family: "Open Sans","Helvetica Neue",Helvetica,"Arial","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  border: 0;
}

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

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

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


.position-relative {
  position: relative;
}

.leftauto {
  right: 0 !important;
  left: auto !important;
}

/*fa-external-link[]*/
/*
 .ow a::before {
    content: "[]";
    padding-right: 5px;
}
*/


/* Transition elsements */
a,
.btn {
  transition: all 0.125s ease-in-out 0s;
}

.client-logo,
.gallery-caption,
.gallery-image:after,
.gallery-image img,
.price-table,
.team-detail,
.team-image:after,
.work-caption,
.work-image > img,
.work-image:after,
.post-thumbnail,
.post-video,
.post-images-slider {
  transition: all 0.3s ease-in-out 0s;
}

/* Reset box-shadow */
.btn,
.well,
.panel,
.progress,
.form-control,
.form-control:hover,
.form-control:focus,
.navbar-custom .dropdown-menu {
  box-shadow: none;
}

/* Reset border-radius */
.well,
.label,
.alert,
.progress,
.form-control,
.modal-content,
.panel-heading,
.panel-group .panel,
.nav-tabs > li > a,
.nav-pills > li > a {
  border-radius: 2px;
}

.pr-remove {
  /*vertical-align: middle !important;*/
  text-align: center;
}

.examples {
  border-radius: 2px;
  padding: 7px 5px;
  margin: 0 0 40px;
}

.examples.bg-dark {
  background: #333;
  border: 0;
}

.et-icons .box1 {
  border: 1px solid #e5e5e5;
  display: block;
  width: 25%;
  float: left;
  padding: 0;
  font-size: 13px;
  margin: -1px 0 0 -1px;
}

.et-icons .box1 > span {
  display: inline-block;
  border-right: 1px solid #e5e5e5;
  min-width: 60px;
  min-height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 28px;
  margin-right: 5px;
}

.fa-icons > div {
  padding: 0;
  border: 1px solid #e5e5e5;
  margin: -1px 0 0 -1px;
  font-size: 13px;
}

.fa-icons > div > i {
  display: inline-block;
  margin-right: 5px;
  min-width: 40px;
  min-height: 40px;
  border-right: 1px solid #f1f1f1;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}

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

/* Sections */
.navbar-custom + .main {
  margin-top: 50px;
}

.main {
  position: relative;
  background-color: #fff;
  z-index: 1;
}

.module,
.module-small {
  position: relative;
  padding: 140px 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* Module header */
.module-small {
  padding: 30px 0;
}

.module-extra-small {
  padding: 25px 0px;
}

.module-medium {
  padding: 75px 0px;
}

.holder-w {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  height: 1px;
  width: 50%;
}

.holder-w:before {
  border-top: 1px solid #eaeaea;
  position: relative;
  display: block;
  content: "";
  top: 1px;
  height: 1px;
  width: 100%;
}

/* Sections dividers */
.divider-w {
  border-top: 1px solid #eaeaea;
  margin: 0;
}

.divider-d {
  border-top: 1px solid #202020;
  margin: 0;
}

/* Half-image */
.side-image {
  position: absolute;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.side-image-text {
  background: #fff;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 140px 60px 140px;
}

/* Dark background */
.bg-dark,
.bg-dark-30,
.bg-dark-60,
.bg-dark-90,
.bg-dark .module-title,
.bg-dark-30 .module-title,
.bg-dark-60 .module-title,
.bg-dark-90 .module-title,
.bg-dark .module-subtitle,
.bg-dark-30 .module-subtitle,
.bg-dark-60 .module-subtitle,
.bg-dark-90 .module-subtitle,
.bg-dark .alt-module-subtitle h5,
.bg-dark-30 .alt-module-subtitle h5,
.bg-dark-60 .alt-module-subtitle h5,
.bg-dark-90 .alt-module-subtitle h5 {
  color: #fff;
  border-bottom:none;
}

.bg-red{ color: #fff; border-bottom:none;}
.bg-red-30:before {
  position: absolute;
background: rgba(211, 0, 0, 0.8);/*red*//*#D30000*/
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.bg-dark {
  background: #111;

/*
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;*/
}

.bg-dark-30:before {
  position: absolute;
  background: rgba(2, 2, 2, 0.4);
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
/*
background: rgba(211, 0, 0, 0.8);*//*red*//*#D30000*/

}


.bg-dark-60:before {
  position: absolute;
  background: rgba(34, 34, 34, 0.8);
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.bg-dark-90:before {
  position: absolute;
  background: rgba(34, 34, 34, 0.9);
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.bg-gradient:before {
  position: absolute;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(40, 115, 113, 0.57) 25%, rgba(115, 54, 31, 0.67) 75%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-8 */
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.bg-light {
  background: #f6f6f6;
}

.parallax-bg {
  background-attachment: fixed;
  background-size: cover;
}

/* Vertical margin, padding */
.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-140 {
  padding-top: 140px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-140 {
  padding-bottom: 140px !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

@media only screen and (max-width: 991px) {
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-10 {
    margin-top: 10px !important;
  }
  .mt-sm-20 {
    margin-top: 20px !important;
  }
  .mt-sm-30 {
    margin-top: 30px !important;
  }
  .mt-sm-40 {
    margin-top: 40px !important;
  }
  .mt-sm-50 {
    margin-top: 50px !important;
  }
  .mt-sm-60 {
    margin-top: 60px !important;
  }
  .mt-sm-70 {
    margin-top: 70px !important;
  }
  .mt-sm-80 {
    margin-top: 80px !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
  .mb-sm-70 {
    margin-bottom: 70px !important;
  }
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mt-xs-0 {
    margin-top: 0 !important;
  }
  .mt-xs-10 {
    margin-top: 10px !important;
  }
  .mt-xs-20 {
    margin-top: 20px !important;
  }
  .mt-xs-30 {
    margin-top: 30px !important;
  }
  .mt-xs-40 {
    margin-top: 40px !important;
  }
  .mt-xs-50 {
    margin-top: 50px !important;
  }
  .mt-xs-60 {
    margin-top: 60px !important;
  }
  .mt-xs-70 {
    margin-top: 70px !important;
  }
  .mt-xs-80 {
    margin-top: 80px !important;
  }
  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .mb-xs-10 {
    margin-bottom: 10px !important;
  }
  .mb-xs-20 {
    margin-bottom: 20px !important;
  }
  .mb-xs-30 {
    margin-bottom: 30px !important;
  }
  .mb-xs-40 {
    margin-bottom: 40px !important;
  }
  .mb-xs-50 {
    margin-bottom: 50px !important;
  }
  .mb-xs-60 {
    margin-bottom: 60px !important;
  }
  .mb-xs-70 {
    margin-bottom: 70px !important;
  }
  .mb-xs-80 {
    margin-bottom: 80px !important;
  }
}

/* Scroll to top */
.scroll-up {
  position: fixed;
  display: none;
  bottom: 7px;
  right: 7px;
  z-index: 999;
}

.scroll-up a {
  background: #D30000;
  display: block;
  height: 28px;
  width: 28px;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  opacity: 0.8;
  border-radius: 2px;
}

.scroll-up a:hover,
.scroll-up a:active {
  opacity: 1;
  color: #fff;
}

/* Video */
.video-controls-box {
  position: absolute !important;
  bottom: 40px;
  left: 0;
  width: 100%;
  z-index: 1;
}

.video-controls-box a {
  display: inline-block;
  color: #fff;
  margin: 0 5px 0 0;
}

/* Landing Page */
.landing-reason:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(66, 26, 107, 0.9);
}

.landing-reason {
  color: #fff;
  font-size: 13px;
}

.landing-image-text {
  padding-top: 70px;
  padding-bottom: 0px;
}

.landing-image-text h2 {
  margin-top: 100px;
  margin-bottom: 15px;
}

.landing-screenshot:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(66, 60, 130, 0.5);
}

.alert i {
  margin-right: 5px;
}

/*--------------------------------------------------------------
	Buttons
--------------------------------------------------------------*/
.btn {
  border-radius: 0;
  font-family:"Roboto Condensed","Open Sans","Helvetica Neue",Helvetica,"Arial","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
  font-size: 11px;
  padding: 8px 37px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 0;
}

.btn.btn-round {
  border-radius: 2px;
}

.btn.btn-circle {
  border-radius: 30px;
}

.btn.btn-w {
  background: rgba(255, 255, 255, 0.8);
  color: #111;
}

.btn.btn-w:hover,
.btn.btn-w:focus {
  background: white;
  color: #111;
}

.btn.btn-g {
  background: #e5e5e5;
  color: #111;
}

.btn.btn-g:hover,
.btn.btn-g:focus {
  background: #d8d8d8;
  color: #111;
}

.btn.btn-border-w {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.75);
  color: #fff;
}

.btn_sleep {
  max-width:50%;
  display:flex;
  flex-wrap:wrap;
  flex-basis: auto;
  margin: 0 auto;
}

.btn_sleep a {
  margin:10px;
  flex: 1 1 auto;
}

.btn.btn-border-w:hover,
.btn.btn-border-w:focus {
  background: #fff;
  border-color: transparent;
  color: #111;
}

.btn.btn-d {
  background: rgba(17, 17, 17, 0.8);
  color: #fff;
}

.btn.btn-d:hover,
.btn.btn-d:focus {
  background: #111111;
}

.btn.btn-b {
  background: #111111;
  color: #fff;
}

.btn.btn-b:hover,
.btn.btn-b:focus {
  background: rgba(17, 17, 17, 0.8);
}

.btn-border-d {
  background: transparent;
  border: 1px solid #111111;
  color: #111;
}

.btn.btn-border-d:hover,
.btn.btn-border-d:focus {
  background: #111111;
  color: #fff;
}

.btn.btn-font-w {
  background: rgba(255, 255, 255, 0.8);
  color: #fff;
}

.btn.btn-font-w:hover {
  background: #fff;
  color: #111;
}

/* Buttons size */
.btn.btn-lg {
  padding: 12px 45px;
  font-size: 13px;
}

.btn.btn-sm {
  padding: 6px 25px;
  font-size: 10px;
  letter-spacing: 1px;
}

.btn.btn-xs {
  padding: 4px 19px;
  font-size: 10px;
  letter-spacing: 0;
}

.btn-list .btn {
  margin: 5px 0;
}

.search-btn {
  position: absolute;
  background: transparent;
  border: none;
  overflow: hidden;
  top: 50%;
  right: 1px;
  width: 42px;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  outline: none;
  color: #999;
  margin-top: -20px;
}

.image-button {
  margin: 0px 5px;
}

/*--------------------------------------------------------------
	Forms
--------------------------------------------------------------*/
/* Selection */
::-moz-selection {
  background: #000;
  color: #fff;
}

::-webkit-selection {
  background: #000;
  color: #fff;
}

::selection {
  background: #000;
  color: #fff;
}

/* Forms common style */
.form-control {
  font-family:"Roboto Condensed","Open Sans","Helvetica Neue",Helvetica,"Arial","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
  font-size: 11px;
  height: 33px;
  border: 1px solid #EAEAEA;
  border-radius: 2px;
  transition: all 0.4s ease-in-out 0s;
}

.form-control:focus {
  border-color: #CACACA;
}

/* Forms size */
.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 43px;
  font-size: 13px;
}

.input-sm, .form-horizontal .form-group-sm .form-control {
  height: 29px;
  font-size: 10px;
}

.rqst-form {
  margin-top: 27px;
}

.rqst-form .btn {
  margin-top: 5px;
}

.input-group-addon {
  border: 1px solid #e4e4e4 !important;
}

/*--------------------------------------------------------------
	Typography
--------------------------------------------------------------*/
a {
  /*color: #111;*/

  color: #D30000;
    -webkit-transition: color 400ms, background-color 400ms;
  -moz-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}

a:hover, a:focus {
  text-decoration: none;
  /*color: #aaa;*/
  outline: 0;


  color: #EF0E0E;
}
}

.bg-dark a {
  color: #aaa;
}

.bg-dark a:hover, .bg-dark a:focus {
  color: #fff;
}

.bg-dark a {
  color: #D30000;
}

.bg-dark a:hover, .bg-dark a:focus {
  color: #EF0E0E;
}


h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
  font-weight: 400;
}

p, ol, ul, blockquote {
  margin: 0 0 20px;
}

blockquote {
  border: 0;
  font-style: italic;
  font-size: 15px;
  padding: 0;
}

.font-alt {
  /*font-family:"Roboto Condensed",sans-serif;*/
  font-family:"Roboto Condensed","Open Sans","Helvetica Neue",Helvetica,"Arial","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
}

.font-serif {
  /*font-family: Volkhov, "Times New Roman", sans-serif;*/
  /*font-family:"Times New Roman", Georgia,"ヒラギノ明朝 Pro W3","Hiragino Mincho ProN","MS P 明朝","MS PMincho",serif;*/
  font-family:Volkhov, "游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Noto Sans Japanese","Noto Sans CJK JP","メイリオ",Meiryo,sans-serif;
  /*font-style: italic;*/
}

.large-text {
  font-size: 24px !important;
}

.rotate {
  text-shadow: none !important;
}

.module-title {
  position: relative;
  letter-spacing: 4px;
  text-align: center;
  font-weight: 400;
  font-size: 30px;
  color: #111;
  margin: 0 0 70px;

  color: #D30000;
/*
  border-bottom: 2px solid #eaeaea;*/
}

.main_txt h3.module-title-blue {
  font-size: 1.8em;
  font-style: normal;
  font-weight: bold;
  text-transform: normal;
  letter-spacing: 1px;
  line-height: 1.4;
  margin-bottom:20px;
  padding:0 0 0 0.5em;
  color: #2b548c;
}

.module-subtitle {
  /*text-align: center;*/
  font-size: 20px;
  color: #111;
  margin-bottom: 70px;
}

.module-icon {
  text-align: center;
  font-size: 32px;
  margin-bottom: 20px;
}

.module-title + .module-subtitle {
  margin-top: -35px;
}

/* Restaurant module header */
.alt-module-subtitle {
  display: table;
}

.alt-module-subtitle h5 {
  display: table-cell;
  white-space: pre;
  padding: 0 8px;
  color: #111;
}

/* Finance case study header */
.finance-image-content {
  border: 1px solid #e5e5e5;
  padding: 60px 0px;
}

.finance-image-content .module-title {
  margin-bottom: 20px;
}

.finance-image-content .alt-features-item {
  margin-top: 40px;
}

/* Landing Page */
.landing-reason .module-title {
  color: #e6af4b;
}

.landing-reason .module-title + .module-subtitle {
  margin-top: -60px;
  margin-bottom: 40px;
}

.free-trial {
  background-color: rgba(88, 20, 158, 0.9);
  color: #FFFFFF;
}

.free-trial .color-golden {
  color: #e6af4b;
}

/*  Special Portfolio Page  */
.special-portfolio-header-title {
  border: 1px solid rgba(255, 255, 255, 0.7);
  font-size: 50px;
  padding: 40px 0px;
  letter-spacing: 8px;
}

/*--------------------------------------------------------------
	Slider & Carousel
--------------------------------------------------------------*/
/* -------------------------------------------------------------------
General Styles - FlexSlider
------------------------------------------------------------------- */
.flex-direction-nav a,
.flex-control-nav > li > a {
  transition: all 0.3s ease-in-out 0s;
}

.flex-direction-nav a {
  position: absolute;
  display: block;
  height: 100%;
  width: 50%;
  top: 0;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  margin: 0;
}

.flex-direction-nav .flex-prev {
  opacity: 0;
  left: 0;
  cursor: url(../images/prev-light.png), e-resize;
}

.flex-direction-nav .flex-next {
  opacity: 0;
  right: 0;
  cursor: url(../images/next-light.png), e-resize;
}

.flex-control-nav {
  position: absolute;
  width: auto;
  left: 50%;
  bottom: 20px;
  z-index: 11;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flex-control-nav > li {
  display: inline-block;
  margin: 5px 3px;
}

.flex-control-nav > li > a {
  background: transparent;
  border: 1px solid #fff;
  display: block;
  height: 6px;
  width: 6px;
  border-radius: 6px;
}

.flex-control-nav > li > a:hover,
.flex-control-nav > li > a.flex-active {
  background: #fff;
}

/* -------------------------------------------------------------------
Hero Slider
------------------------------------------------------------------- */
.hero-slider {
  margin: 0 !important;
}

.hero-slider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.hero-slider,
.hero-slider .flex-viewport {
  height: 100% !important;
  width: 100%;
  padding: 0;
  margin: 0;
}

.hero-slider .slides {
  height: 100% !important;
  transition-delay: 1s;
}

.hero-slider .flex-direction-nav a {
  width: 15%;
}

.hero-slider .slides li {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100% !important;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

/* Caption */
.titan-caption {
  position: relative;
  display: table;
  height: 100%;
  width: 70%;
  margin: 0 auto;
}

.titan-caption {
  position: relative;
  display: table;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

.caption-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/*
Photography Page Slider
*/
.photography-page .image-caption {
  bottom: 20px;
  position: absolute;
  width: 35%;
}

.photography-page .image-caption .caption-text {
  font-size: 24px;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.photography-page .flex-control-nav {
  left: 80%;
  bottom: 20px;
  z-index: 11;
}

/* -------------------------------------------------------------------
General Styles - Owlcarousel
------------------------------------------------------------------- */
.owl-controls {
  margin-top: 40px;
}

.owl-pagination div {
  display: inline-block;
}

.owl-controls .owl-page span {
  background: transparent;
  border: 1px solid #111;
  display: block;
  height: 6px;
  width: 6px;
  margin: 0 3px 5px;
  border-radius: 6px;
  transition: all 0.3s ease-in-out 0s;
}

.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
  background: #111;
}

.owl-controls .owl-buttons > div {
  display: inline-block;
  margin: 5px;
  font-size: 14px;
  color: #111;
}

/*--------------------------------------------------------------
	Preloader
--------------------------------------------------------------*/
.page-loader {
  position: fixed;
  /*background: #000;*/
  background: #fff;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: 9998;
}

.loader {
  position: absolute;
  /*border-left: 2px solid #ffffff;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);*/
  border-left: 2px solid #D30000;
  border-top: 2px solid rgba(211, 0, 0, 0.2);
  border-right: 2px solid rgba(211, 0, 0, 0.2);
  border-bottom: 2px solid rgba(211, 0, 0, 0.2);


  height: 46px;
  width: 46px;
  left: 50%;
  top: 50%;
  margin: -23px 0 0 -23px;
  text-indent: -9999em;
  font-size: 10px;
  z-index: 9999;
  -webkit-animation: load 0.8s infinite linear;
  -moz-animation: load 0.8s infinite linear;
  ms-animation: load 0.8s infinite linear;
  o-animation: load 0.8s infinite linear;
  animation: load 0.8s infinite linear;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 46px;
  height: 46px;
}

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

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

/*--------------------------------------------------------------
	Navbar
--------------------------------------------------------------*/



.navbar-custom {
  /*background-color: rgba(10, 10, 10, 0.9);*//*black*/
  /*background-color: rgba(255, 255, 255, 0.9);*//*white*/
  background-color: rgba(211, 0, 0, 0.9);/*red*/
  border: 0;
  border-radius: 0;
  z-index: 1000;
  font-family:"Roboto Condensed","Open Sans","Helvetica Neue",Helvetica,"Arial","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  /*text-transform: uppercase;*/
  letter-spacing: 3px;
  font-size: 11px;
  transition: background, padding 0.4s ease-in-out 0s;

  /*box-shadow: 0 0 5px #ddd;*/
}

.navbar a {
  transition: color 0.125s ease-in-out 0s;
}

.navbar-custom .dropdown-menu {
  background: rgba(26, 26, 26, 0.9);
  border-radius: 0;
  border: 0;
  padding: 0;
  box-shadow: none;
}

.navbar-nav li.active a,
.navbar-nav li.active a:hover {
color: rgba(255, 255, 255, 0.8)!important;
/*color: rgba(0, 0, 0, 0.9)!important;*/

}
.navbar-nav li.active a,
.navbar-nav li.active a:hover{
/*  color: rgba(0, 0, 0, 1)!important;*/
  font-weight: bold;
  border-bottom:#fff 2px solid;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
background: rgba(211, 0, 0, 1);/*red*/

}


.navbar-custom .navbar-brand {
  letter-spacing: 4px;
  font-weight: 400;
  font-size: 22px;
  color: #fff;
}

.navbar-custom .nav li > a {
  position: relative;
  color: rgba(255, 255, 255, 0.9);
  /*color: rgba(0, 0, 0, 0.9);*/
}


.navbar-custom .dropdown-menu li a i{margin-right: 3px;}

.navbar-custom .dropdown-menu > li > a/* ,
.navbar-custom .dropdown-menu > li > span*/ {
  border-bottom: 1px solid rgba(73, 71, 71, 0.15) !important;
  padding: 11px 15px;
  letter-spacing: 2px;
  /*color: #999;*/
}

.navbar-custom .dropdown-menu .dropdown-menu {
  border-left: 1px solid rgba(73, 71, 71, 0.15);
  left: 100%;
  right: auto;
  top: 0;
  margin-top: 0;
}

.navbar-custom .dropdown-menu.left-side .dropdown-menu {
  border: 0;
  border-right: 1px solid rgba(73, 71, 71, 0.15);
  right: 100%;
  left: auto;
}

.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:hover/*,
.navbar-custom .dropdown-menu > li > span:focus,
.navbar-custom .dropdown-menu > li > span:hover */ {
  background: none;
  color: #fff;
    border-bottom:#fff 2px solid;

}

.navbar-custom .dropdown-menu > li > a:hover/*,
.navbar-custom .dropdown-menu > li > span:hover*/{
background: rgba(255, 255, 255, 0.1) !important;
}
.navbar-custom .dropdown-menu li.active a:hover/*,
.navbar-custom .dropdown-menu li.active span:hover*/  {
  background: rgba(211, 0, 0, 0.9)!important;
}

.navbar-custom .dropdown-toggle:after {
  position: absolute;
  display: block;
  right: 0;
  top: 50%;
  margin-top: -6px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 9px;
  content: "\f107";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-custom .navbar-toggle .icon-bar {
  background: #fff;
}

.dropdown-menu {
  min-width: 180px;
  font-size: 11px;
}

/*
.navbar-nav > li > span {
  cursor:pointer;

padding: 15px;
line-height: 20px;
display: block;
box-sizing: border-box;
color: rgba(255, 255, 255, 0.7);
-webkit-transition: color 400ms, background-color 400ms;
-moz-transition: color 400ms, background-color 400ms;
-o-transition: color 400ms, background-color 400ms;
transition: color 400ms, background-color 400ms;
transition: color 0.125s ease-in-out 0s;
}*/




/* Navbar search

.dropdown-search {
	position: relative;
	padding: 5px;
}

.dropdown-search .form-control {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}

.search-btn {
	position: absolute;
	background: transparent;
	border: none;
	overflow: hidden;
	top: 50%;
	right: 1px;
	width: 42px;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	outline: none;
	color: #999;
	margin-top: -20px;
}*/


.sitelogo{}
.sitelogo img{ width: 125px; }

/*--------------------------------------------------------------
	Header
--------------------------------------------------------------*/
.home-section {
  position: relative;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  z-index: 0;
  background-size: cover;
}

.titan-title-size-1,
.titan-title-size-2,
.titan-title-size-3,
.titan-title-size-4{
  font-feature-settings : "palt";
  letter-spacing: 1rem;
  text-shadow:#f00 0 0 10px;
}


.titan-title-size-1 {
  letter-spacing: 4px;
  font-size: 15px;
}

.titan-title-size-2 {
  line-height: 1.3;
  letter-spacing: 3px;
  font-size: 18px;
  opacity: .8;
}

.titan-title-size-3 {
  letter-spacing: 16px;
  font-size: 46px;
}

.titan-title-size-4 {
  /*letter-spacing: 24px;*/
  font-weight: 400;
  font-size: 48px;
  font-weight: bold;
}


/* Agency Page Header */
.agency-page-header:before {
  background: transparent;
}

/* About us Page Header */
.about-page-header:before {
  background: rgba(2, 2, 2, 0.2);
}

/* Service Page Header */
.service-page-header:before {
  background: rgba(2, 2, 2, 0.1);
}

/* Pricing Page Header */
.pricing-page-header {
  background-position: 40% 14%;
  background-repeat: no-repeat;
}

.pricing-page-header:before {
  background: rgba(2, 2, 2, 0.6);
}

/* Gallery Page Header */
.gallery-page-header {
  background-position: 50% 0%;
  background-repeat: no-repeat;
}

.gallery-page-header:before {
  background: rgba(2, 2, 2, 0.2);
}

/* Contact Page Header */
.contact-page-header {
  background-position: 13% 45%;
  background-repeat: no-repeat;
}

.contact-page-header:before {
  background: rgba(2, 2, 2, 0.5);
}

/* FAQ Page Header */
.faq-page-header:before {
  background: rgba(2, 2, 2, 0.15);
}

/* Blog Page Header */
.blog-page-header {
  background-position: 50% 24%;
  background-repeat: no-repeat;
}

.blog-page-header:before {
  background: rgba(2, 2, 2, 0.3);
}

/* Restaurant menu Page Header */
.restaurant-menu-bg:before {
  background: rgba(2, 2, 2, 0.4);
}

.restaurant-page-header:before {
  background: rgba(0, 0, 0, 0.45);
}

.restaurant-image-overlay:before {
  background-color: rgba(2, 2, 2, 0.25);
}

/* Portfolio Page Header */
.portfolio-page-header {
  background-position: 50% 50%;
}

.portfolio-page-header:before {
  background: rgba(45, 45, 45, 0.45);
}

/* Landing Page Header */
.landing-header:before {
  position: absolute;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(119, 47, 109, 0.52) 95%, rgba(115, 35, 105, 0.58) 100%);
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.banner-img {
  margin-top: -145px;
}

.shop-page-header:before {
  background: rgba(34, 34, 34, 0.3);
}


/*--------------------------------------------------------------
  Second-layer
--------------------------------------------------------------*/
.page-header01 {
  background-position: 50% 24%;
  background-repeat: no-repeat;

/*
  -webkit-filter: hue-rotate(10deg);
     -moz-filter: hue-rotate(10deg);
     -o-filter: hue-rotate(10deg);
     -ms-filter: hue-rotate(10deg);
     filter: hue-rotate(10deg);
*/


}

.page-header01:before {
  background: rgba(251, 0, 0, 0.5);
}





/* -------------------------------------------------------------
breadcrumb
------------------------------------------------------------- */
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 12px;
    margin-bottom: 0;
    padding: 8px 15px 0;
}
.breadcrumb > li + li::before {
    content: "> ";
}

/*--------------------------------------------------------------
	Footer
--------------------------------------------------------------*/
.footer {
  padding: 10px 0;
}

.footer .copyright {
  margin: 0;
}
.footer .copyright a {
  color: #666;

}
.footer .footer-social-links,
.footer .footer-links {
  text-align: right;
}

.footer .footer-social-links a,
.footer .footer-links a {
  display: inline-block;
  padding: 0 10px;

}



/*footer ceo-blog*/
.footer-ceo-blog #feed a span + span{ display: block;margin-left: 1rem; }

/*footer company-info*/
.footer-company-info{background: #fafafa;margin:1.5rem 0 0 0;padding: 1rem 1.5rem ; border-radius: 2px;}
.footer-company-info span{ display: block; font-size: 14px;  }

/* -------------------------------------------------------------
Google map
------------------------------------------------------------- */
#map-section {
  position: relative;
  height: 450px;
  width: 100%;
}

#map {
  height: 100%;
  width: 100%;
}

#map img {
  max-width: none;
}



.ggmap {
/*position: relative;
padding-bottom: 56.25%;
padding-top: 200px;
height: 0;
overflow: hidden;*/height: 400px;

 margin-bottom:400px;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
/*position: absolute;
top: 0;
left: 0;*/
width: 100%;
height: 400px;
}


.ggmap .overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:400px; /* your iframe height */
   top:400px;  /* your iframe height */
   margin-top:-400px;  /* your iframe height */
}


/*--------------------------------------------------------------
	Services & Features
--------------------------------------------------------------*/
.features-item {
  margin: 20px 0;
  /*text-align: center;*/
}

.features-icon,
.alt-features-icon {
  line-height: 1.2;
  /*font-size: 42px;*/
  /*color: #111;*/
  font-size: 50px;

  text-align: center;

  color:#D30000;

 /* border-radius: 50%;
  background: #f69;
  width: 80px;
  height: 80px;
  text-align: center;
  margin: 0 auto;*/
}

.features-title,
.alt-features-title {
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
  font-weight: 400;
  font-size: 24px;
  color: #111;
  margin: 16px 0 15px;
  text-align: center;

  font-weight: bold;
  color:#D30000;
}

.features-title span{margin-top: 10px; display: block; font-size: 16px;;}

.features-item p{ text-align: left; font-size: 16px;}
.features-item ul{ padding-left:2rem }

.features-item li { color:#111; font-size: 16px;}
.features-item li span{color: #666;}
.features-item li span i{ display: block; font-style: normal;}


.alt-features-item {
  position: relative;
  padding-left: 55px;
  margin: 65px 0 0 0;
}

.alt-features-icon {
  position: absolute;
  height: 40px;
  width: 40px;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 40px;
  font-size: 28px;
}

.alt-features-title {
  font-size: 13px;
  margin: 0 0 10px;
}

/* Content box */
.content-box {
  margin: 20px 0;
  text-align: center;
}

.content-box-title {
  font-weight: 400;
  font-size: 16px;
  color: #111;
  margin: 16px 0 15px;
  text-align: left;
  line-height: 1.8;

  font-size: 20px;
  color: #D30000;
}

.content-box p{text-align: left;font-size: 16px;}

/*--------------------------------------------------------------
	Team
--------------------------------------------------------------*/
.team-item {
  position: relative;
  text-align: center;
}

.team-image {
  position: relative;
  overflow: hidden;
}

.team-image img {
  width: 100%;
}

.team-image:after {
  position: absolute;
  background: transparent;
  content: " ";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.team-detail {
  position: absolute;
  width: 100%;
  opacity: 0;
  bottom: 100%;
  left: 0;
  z-index: 2;
  text-align: center;
  font-size: 12px;
  color: #aaa;
  padding: 20px;
}

.team-detail h5 {
  font-size: 16px;
}

.team-detail p {
  font-size: 14px;
}

.team-social a {
  display: inline-block;
  color: #aaa;
  padding: 5px 6px;
}

.team-social a:hover {
  color: #FFF;
}

.team-descr {
  margin: 20px 0 0;
}

.team-name {
  font-size: 14px;
  color: #111;
}

.team-role {
  font-size: 11px;
  color: #aaa;
}

.team-item:hover .team-image:after {
  background: rgba(0, 0, 0, 0.6);
}

.team-item:hover .team-detail {
  opacity: 1;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

/*--------------------------------------------------------------
	Restaurant Menu
--------------------------------------------------------------*/
.menu {
  border-bottom: 1px dotted #e5e5e5;
  padding: 0 0 10px;
  margin: 0 0 20px;
}

.menu-title,
.menu-price {
  margin: 0 0 10px;
  font-size: 14px;
  color: #111;
}

.menu-price-detail {
  position: relative;
  text-align: right;
}

/*--------------------------------------------------------------
	Price Table
--------------------------------------------------------------*/
.price-table {
  background: #fff;
  border: 1px solid #eaeaea;
  padding: 25px 20px;
  margin: 15px 0 30px;
  border-radius: 2px;
  text-align: center;
}

.price-table:hover {
  border-color: #CACACA;
}

.price-table.best {
  margin: 0 0 30px;
}

.price-table .small {
  margin: 0;
}

.borderline {
  position: relative;
  background: #eaeaea;
  display: block;
  height: 1px;
  width: 100%;
  margin: 20px 0 15px;
}

.borderline:before {
  position: absolute;
  background: #eaeaea;
  content: "";
  bottom: -7px;
  left: 50%;
  height: 14px;
  width: 14px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  margin-left: -7px;
}

.borderline:after {
  position: absolute;
  background: #fff;
  content: "";
  bottom: -5px;
  left: 50%;
  height: 16px;
  width: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  margin-left: -8px;
}

.price-table h4 {
  color: #111;
  margin: 0;
}

.price-table p.price {
  font-size: 60px;
  color: #111;
  padding: 0;
  margin: 0 0 0 -10px;
}

.price-table p.price span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  padding-top: 25px;
}

.price-details {
  list-style: none;
  padding: 0;
  margin: 0 0 23px;
}

.price-details li {
  padding: 7px 0;
}

.price-details li > span {
  text-decoration: line-through;
  color: #aaa;
}

/*--------------------------------------------------------------
	Fun fact
--------------------------------------------------------------*/
.count-item {
  text-align: center;
}

.count-icon {
  line-height: 1.2;
  font-size: 42px;
}

/*--------------------------------------------------------------
	Video Box
--------------------------------------------------------------*/
.video-box {
  text-align: center;
  padding: 40px 0;
}

.video-box-icon > a > i,
.video-box-icon > a > span {
  line-height: 1.8;
  font-size: 40px;
  color: #fff;
}

.video-title {
  letter-spacing: 4px;
  font-size: 30px;
  margin: 10px 0 0;
}

.video-subtitle {
  color: rgba(255, 255, 255, 0.5);
}

/*--------------------------------------------------------------
	Portfolio
--------------------------------------------------------------*/
/* Portfolio filter */
.filter {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0 0 70px;
}

.filter > li {
  display: inline-block;
  padding: 0 0 10px;
  margin: 0 25px;
}

/* Portfolio grid */
.works-grid {
  list-style: none;
  padding: 0;
  margin: 0;
}

.works-grid.works-grid-gut {
  margin: 0 0 0 -10px;
}

.works-grid.works-grid-gut .work-item {
  padding: 0 0 10px 10px;
}

.work-item {
  width: 50%;
  float: left;
  margin: 0;

  cursor: grab;
}

.works-grid-3 .work-item {
  width: 33.3333%;
}

.container .works-grid-3 .work-item {
  width: 33.2%;
}

.works-grid-4 .work-item {
  width: 25%;
}

.works-grid-5 .work-item {
  width: 20%;
}

.work-item > a {
  position: relative;
  display: block;
  overflow: hidden;
}

.work-image {
  position: relative;
  overflow: hidden;
}

.work-image img {
  display: block;
  overflow: hidden;
  width: 100%;
  border:#eaeaea 1px solid;
}

.work-image:after {
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.work-caption {
  width: 100%;
  padding: 0 20px;
  opacity: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  text-align: center;
  overflow: hidden;
}

.work-title {
  /*font-size: 14px;*/
  /*color: #fff;*/
  margin: 0 0 6px;
  
color: #D30000;
  text-align: center;
  font-size: 20px;
  margin-top: 15px;
}

.work-descr {
  color: #aaa;
}
/*リンクがあれば使用する
.work-item:hover .work-image:after {
  background: rgba(0, 0, 0, 0.6);
}

.work-item:hover .work-image > img {
  -webkit-transform: scale(1.1) rotate(2deg);
  -ms-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg);
}

.work-item:hover .work-caption {
  bottom: 50%;
  opacity: 1;
  z-index: 3;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
*/
.work-item p{ text-align: left; font-size: 16px; }

/* Work item white background*/
.works-grid.works-hover-w .work-title {
  color: #111;
}

.works-grid.works-hover-w .work-item:hover .work-image:after {
  background: rgba(255, 255, 255, 0.8);
}

/* Work item gradien background*/
.works-grid.works-hover-g .work-image:after {
  opacity: 0;
}

.works-grid.works-hover-g .work-descr {
  color: #fff;
}

.works-grid.works-hover-g .work-item:hover .work-image:after {
  background: #6fe29e;
  background: linear-gradient(135deg, rgba(111, 226, 158, 0.8) 0%, rgba(91, 218, 209, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fe29e', endColorstr='#5bdad1',GradientType=1 );
  opacity: 1;
}

.sliding-portfolio .work-item {
  width: 100%;
}

/*--------------------------------------------------------------
	Single Portfolio
--------------------------------------------------------------*/
.work-details {
  margin: 0 0 20px;
}

.work-details-title {
  color: #111;
  margin: 0 0 20px;
}

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

.work-details ul > li {
  border-bottom: 1px dotted #c2c2c2;
  padding: 0 0 5px;
  margin: 0 0 5px;
}

/*--------------------------------------------------------------
	Call to action
--------------------------------------------------------------*/
.callout-text {
  color: rgba(255, 255, 255, 0.6);
}

.callout-title {
  font-weight: 400;
  font-size: 24px;
  color: #fff;
  margin: 0;
  text-align: center;
}
.callout-title + p{ font-size: 16px; }

.callout-btn-box {
  text-align: center;
  padding-top: 4px;
}
.callout-btn-box a{font-size: 16px;}

.request-cta {
  padding: 50px 0px;
}

/*--------------------------------------------------------------
	Testimonial
--------------------------------------------------------------*/
.testimonial:before {
  background: rgba(2, 2, 2, 0.4);
}

.testimonials-slider {
  position: relative;
}

.testimonial-text {
  text-align: center;
  font-style: normal;
  font-size: 18px;
}

.testimonial-caption {
  text-align: center;
  padding: 10px 0 0;
}

.testimonial-title {
  font-size: 14px;
}

.testimonial-descr {
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
}

/*--------------------------------------------------------------
	Gallery
--------------------------------------------------------------*/
.gallery-item {
  position: relative;
  text-align: center;
  margin: 0 0 20px;
}

.gallery-image {
  position: relative;
  overflow: hidden;
}

.gallery-image a.gallery {
  position: relative;
  display: block;
}

.gallery-image img {
  display: block;
  overflow: hidden;
  width: 100%;
}

.gallery-image:after {
  position: absolute;
  background: transparent;
  content: " ";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.gallery-caption {
  position: absolute;
  width: 100%;
  opacity: 0;
  bottom: 100%;
  left: 0;
  z-index: 2;
  text-align: center;
  font-size: 28px;
  color: #fff;
  padding: 20px;
}

.gallery-icon {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  height: 50px;
  width: 50px;
  font-size: 24px;
  margin: 0 auto;
}

.gallery-icon i,
.gallery-icon span {
  line-height: 50px;
}

/* Gallery hover */
.gallery-item:hover .gallery-image:after {
  background: rgba(0, 0, 0, 0.6);
}

.gallery-item:hover .gallery-caption {
  opacity: 1;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

/*--------------------------------------------------------------
	Blog Post
--------------------------------------------------------------*/
.post {
  margin: 0 0 80px;
}

.post-title {
  line-height: 1.4;
  font-size: 22px;
  color: #111;
  margin: 0;
}

.post-header {
  margin: 0 0 15px;
}

.post-meta {
  font-size: 11px;
  color: #aaa;
}

.post-entry {
  border-top: 1px dotted #c2c2c2;
  padding-top: 20px;
  margin-top: 10px;
}

.post-images-slider {
  position: relative;
}

.post-images-slider .flex-control-nav {
  bottom: 0;
}

.post-thumbnail,
.post-images-slider,
.post-video {
  margin: 0 0 20px;
}

.post-quote {
  background: #f5f5f5;
  text-align: center;
  padding: 20px;
}

/* Post columns */
.post-columns .post {
  margin: 0 0 60px;
}

.post-columns .post-header {
  margin: 0 0 10px;
}

.post-columns .post-title {
  line-height: 1.8;
  font-size: 14px;
}

.post-columns .post-entry {
  padding: 10px 0 0;
  margin: 0 0 10px;
}

.post-columns.wo-border .post-entry {
  border: 0;
  padding: 0;
}

.post-columns .post-entry p:last-child {
  margin: 0;
}

.more-link:after {
  content: "\00BB";
  color: #666666;
  padding-left: 5px;
}

.pagination a {
  border: 1px solid #eaeaea;
  display: inline-block;
  /*text-transform: uppercase;*/
  text-align: center;
  color: #999;
  padding: 4px 12px;
}

.pagination a.active {
  border-color: #CACACA;
}

/*--------------------------------------------------------------
	Widgets
--------------------------------------------------------------*/
/* Progress bars */
.progress {
  overflow: visible;
  height: 4px;
}

.progress-bar {
  position: relative;
}

.progress-bar.pb-dark {
  background: #111;
}

.progress-bar span {
  position: absolute;
  display: block;
  right: -0px;
  top: -24px;
  opacity: 0;
  line-height: 12px;
  font-size: 12px;
  color: #111;
  padding: 4px 0px;
}

.progress-bar span:after {
  display: inline-block;
  content: "%";
}

/* Tabs */
.tab-content .tab-pane {
  padding: 20px 0;
}

/* Accordion */
.panel-title {
  font-size: 14px;
}

.panel-heading a {
  position: relative;
  display: block;
  font-size: 16px;
}

.panel-heading a:after {
  position: absolute;
  content: "\f106";
  top: 50%;
  right: 0px;
  font-family: "FontAwesome";
  line-height: 1;
  font-size: 14px;
  margin-top: -7px;
}

.panel-heading a.collapsed:after {
  content: "\f107";
}

/* Tables */
.table-border > tbody > tr > td,
.table-border > tbody > tr > th,
.table-border > tfoot > tr > td,
.table-border > tfoot > tr > th,
.table-border > thead > tr > td,
.table-border > thead > tr > th {
  border-color: #e5e5e5;
}

.ds-table > tbody > tr > td,
.ds-table > tbody > tr > th,
.ds-table > tfoot > tr > td,
.ds-table > tfoot > tr > th,
.ds-table > thead > tr > td,
.ds-table > thead > tr > th {
  border-top: 0;
}

.checkout-table {
  border: 1px solid #e5e5e5;
}

.checkout-table > tbody > tr > td,
.checkout-table > tbody > tr > th,
.checkout-table > tfoot > tr > td,
.checkout-table > tfoot > tr > th,
.checkout-table > thead > tr > td,
.checkout-table > thead > tr > th {
  padding: 12px;
}

.checkout-table tr td,
.checkout-table tr th {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

.checkout-table tbody tr td:first-child,
.checkout-table tbody tr th:first-child {
  max-width: 36px;
}

/* Sidebar / Widget common*/
.sidebar .widget {
  margin-bottom: 60px;
}

.sidebar .widget-title {
  color: #111;
  font-size: 16px;
}

.widget .widget-title {
  border-bottom: 1px dotted #c2c2c2;
  font-size: 20px;
  padding: 0 0 10px;
  margin: 0 0 15px;
}

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

/* Icon List */
.widget .icon-list li {
  padding: 5px 0;
}

.widget .icon-list li a:before {
  content: "\00BB";
  color: #666666;
  padding-right: 5px;
}

.footer-ceo-blog .icon-list .oura_link a:before {
  content: none;
  color: #666666;
  padding-right: 5px;
}

.footer-ceo-blog .icon-list li img {
  width:98%;
  height:auto;
}


/* Nav List */
.widget .nav-list {
  margin-top: -15px;
}

.widget .nav-list li {
  padding: 0;
}

.widget .nav-list li a:before {
  content: "\00BB";
  color: #666666;
  padding-right: 5px;
}

.widget .nav-list li a{
  display: block;
  padding: 15px 0 15px 15px;
  border-bottom: 1px dotted #c2c2c2;
}

.widget .nav-list li a:hover{
background: #D71919;
color:#fff;
}
.widget .nav-list li a:hover:before {
  color: #fff;
}

.widget .nav-list .active a:before {
  color: #fff;
}
.widget .nav-list .active > a,
.widget .nav-list .active > a:focus,
.widget .nav-list .active > a:hover {
background: rgba(211, 0, 0, 1);/*red*/
color: #fff;

}


/* Posts */
.widget-posts li {
  margin: 0 0 15px;
}

.widget-posts li:last-child {
  margin: 0;
}

.widget-posts-image {
  float: left;
  width: 64px;
}

.widget-posts-body {
  margin-left: 74px;
}

/* Search */
.search-box {
  position: relative;
}

/* Tags */
.tags a {
  background: #111;
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 4px 10px 4px 12px;
  margin: 0 1px 4px;
  border-radius: 2px;
}

.tags a:hover {
  background: rgba(17, 17, 17, 0.8);
}


/*--------------------------------------------------------------
	Comment Box in Blog
--------------------------------------------------------------*/
.comments,
.comment-form {
  margin: 80px 0 0;
}

.comments .comment-title,
.comment-form .comment-form-title {
  border-bottom: 1px dotted #c2c2c2;
  font-size: 16px;
  color: #111;
  padding-bottom: 15px;
  margin: 0 0 20px;
}

.comment-author {
  font-size: 14px;
  margin: 0 0 10px;
}

.comment-avatar {
  width: 55px;
  float: left;
  margin-top: 10px;
}

.comment-avatar img {
  border-radius: 50%;
}

.comment-content {
  padding-top: 5px;
  margin-left: 75px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .comment .comment {
    margin-left: 75px;
  }
}

/*--------------------------------------------------------------
	Client
--------------------------------------------------------------*/
.client-logo {
  opacity: .5;
}

.client-logo:hover {
  opacity: 1;
}

/*--------------------------------------------------------------
	Shop Items
--------------------------------------------------------------*/
.shop-item {
  text-align: center;
  margin: 0 0 40px;
}

.shop-item-image {
  position: relative;
  overflow: hidden;
}

.shop-item-image img {
  width: 100%;
}

.shop-item-detail,
.shop-item-image:after {
  transition: all 0.4s ease-in-out 0s;
}

.shop-item-image:after {
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.shop-item-detail {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  padding: 20px;
  opacity: 0;
  z-index: 2;
  text-align: center;
  font-size: 12px;
  color: #aaa;
}

.shop-item-title {
  font-weight: 400;
  font-size: 14px;
  color: #111;
  margin: 15px 0 5px;
}

/* Shop item hover */
.shop-item:hover .shop-item-image:after {
  background: rgba(255, 255, 255, 0.7);
}

.shop-item:hover .shop-item-detail {
  opacity: 1;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

/* -------------------------------------------------------------------
	Exclusive products
------------------------------------------------------------------- */
.ex-product {
  opacity: .7;
  transition: all 0.4s ease-in-out 0s;
}

.ex-product:hover {
  opacity: 1;
}

/*--------------------------------------------------------------
	Shop Single Product
--------------------------------------------------------------*/
.product-gallery {
  list-style: none;
  padding: 0;
  width: 100%;
  margin: 10px 0 0;
}

.product-gallery li {
  display: inline-block;
  width: 15%;
  margin: 0 5px;
}

.product-gallery li:first-child {
  margin-left: 0;
}

.product-title {
  margin: 0 0 20px;
  color: #111;
}

.star,
.star-off {
  margin-bottom: 5px;
  color: #f1c40f;
}

.star-off {
  color: #e5e5e5;
}

.amount {
  font-size: 32px;
  color: #111;
}

.reviews {
  margin: 0;
}

/*--------------------------------------------------------------
	Showcase Page
--------------------------------------------------------------*/
.showcase-page .showcase-page-header {
  background-color: rgba(2, 2, 2, 0.7);
}

.showcase-page .content-box {
  display: block;
  margin-bottom: 45px;
}

.showcase-page .content-box .content-box-image {
  border-radius: 6px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
  transition: 0.35s ease-out;
  -webkit-transition: 0.35s ease-out;
  -moz-transition: 0.35s ease-out;


}

.showcase-page .content-box .content-box-image:hover {
  transform: translate3d(0, -10px, 0);
  -webkit-transform: translate3d(0, -10px, 0);
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}

.content-box-image img{border: #eaeaea 1px solid;}

/*--------------------------------------------------------------
	Documentation Page
--------------------------------------------------------------*/
.documentation-page {
  font-size: 14px;
}

.documentation-page .pln {
  color: #000;
}

.documentation-page pre.prettyprint {
  border: 1px solid #888;
  padding: 15px;
}

.documentation-page ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
}

.documentation-page li.L0, .documentation-page li.L1, .documentation-page li.L2, .documentation-page li.L3, .documentation-page li.L5, .documentation-page li.L6, .documentation-page li.L7, .documentation-page li.L8 {
  list-style-type: none;
}

.documentation-page li.L1, .documentation-page li.L3, .documentation-page li.L5, .documentation-page li.L7, .documentation-page li.L9 {
  background: #eee;
}

.documentation-page .com {
  color: #800;
}

.documentation-page .lit {
  color: #066;
}

.documentation-page .pun, .documentation-page .opn, .documentation-page .clo {
  color: #660;
}

.documentation-page .fun {
  color: red;
}

.documentation-page .str, .documentation-page .atv {
  color: #080;
}

.documentation-page .kwd, .documentation-page .tag {
  color: #008;
}

.documentation-page .typ, .documentation-page .atn, .documentation-page .dec, .documentation-page .var {
  color: #606;
}

.documentation-page a {
  color: #19B5FE;
}

.documentation-page a:hover {
  color: #1C92C9;
}

/*--------------------------------------------------------------
	Responsive Styles - Media Queries
--------------------------------------------------------------*/


@media (min-width: 768px) {
  .navbar-transparent {
    background: transparent;
    /*background-color: rgba(211, 0, 0, 1);*//*red*/
    /*background-color: rgba(255, 255, 255, 0.4);*//*white*/

    padding-bottom: 15px;
    padding-top: 15px;
    box-shadow: none;
  }
  .navbar-custom .dropdown-menu {
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
  }
  .navbar-custom .open > .dropdown-menu {
    visibility: visible;
    opacity: 1;
  }
  .navbar-custom .dropdown-menu .dropdown-toggle:after {
    position: absolute;
    display: block;
    right: 9px;
    top: 50%;
    margin-top: -6px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 9px;
    content: "\f105";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .navbar-right .dropdown-menu {
    right: auto;
    left: 0;
  }
  /* Comments */
  .comment .comment {
    margin-left: 75px;
  }
}

@media (max-width: 1200px) {
  /* Features */
  .alt-features-item {
    margin: 20px 0 0;
  }
}

@media (max-width: 1050px) {
  /* Navbar */
  .navbar-custom {
    letter-spacing: 1px;
  }
}

@media (max-width: 991px) {
  /* Navbar */
  .navbar-custom {
    letter-spacing: 0;
  }
  /* Headers */
  .titan-title-size-3 {
    letter-spacing: 8px;
    font-size: 36px;
  }
  .titan-title-size-4 {
   /* letter-spacing: 12px;*/
    font-size: 38px;
  }
  .work-item,
  .works-grid-3 .work-item,
  .container .works-grid-3 .work-item,
  .works-grid-4 .work-item,
  .works-grid-5 .work-item {
    width: 50%;
  }
  /* Half-image */
  .side-image {
    position: relative;
    height: 300px;
  }
}

@media (max-width: 767px) {
  /* Navbar */
  .navbar-custom .navbar-nav {
    letter-spacing: 3px;
    margin-top: 1px;
    margin-bottom: 0;
  }
  .navbar-custom li > a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    padding: 10px 25px;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-header,
  .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
    padding: 10px 35px;
  }
  .navbar-custom li a,
  .navbar-custom .dropdown-search {
    border-bottom: 1px solid rgba(73, 71, 71, 0.15) !important;
  }
  .navbar-custom .dropdown-toggle:after,
  .navbar-custom .dropdown-menu .dropdown-toggle:after {
    right: 7px;
    content: "\f107";
  }
  .navbar-custom .nav > .open > .dropdown-toggle:after,
  .navbar-custom .dropdown-menu .dropdown.open .dropdown-toggle:after {
    right: 7px;
    content: "\f106";
  }
  /* Shop navbar */
  .navbar-custom .navbar-nav > li:last-child.navbar-cart > a {
    padding-left: 15px;
  }
  .navbar-custom .cart-item-number {
    display: none;
  }
  .navbar-custom .navbar-cart > a:after {
    content: "\f107";
  }
  .navbar-custom .navbar-cart-item a {
    border: 0 !important;
  }
  .dropdown-menu.cart-list {
    text-align: left;
    border-bottom: 1px solid rgba(73, 71, 71, 0.15) !important;
  }
  .navbar-cart-item {
    border: none;
    border-bottom: 1px solid rgba(73, 71, 71, 0.15) !important;
    padding-bottom: 10px;
  }
  .navbar-cart-img {
    display: none;
  }
  .navbar-cart-title {
    white-space: normal;
    padding: 0;
    margin-left: 0;
  }
  /* Headers */
  .titan-title-size-1 {
    letter-spacing: 2px;
    font-size: 14px;
  }
  .titan-title-size-2 {
    line-height: 1.3;
    letter-spacing: 2px;
    font-size: 16px;
    opacity: .8;
  }
  .titan-title-size-3 {
    letter-spacing: 4px;
    font-size: 26px;
  }
  .titan-title-size-4 {
    letter-spacing: 6px;
    font-size: 28px;
  }
  /* Features */
  .features-item {
    margin: 0 0 30px;
  }
  .alt-features-item {
    padding-left: 0;
    margin: 0 0 30px;
    text-align: center;
  }
  .alt-features-icon {
    position: static;
    width: auto;
    margin: 0 auto 8px;
  }
  /* Callout */
  .callout-text {
    margin: 0 0 30px;
  }
  .callout-text,
  .callout-btn-box {
    text-align: center;
  }
  /* Sidebar */
  .sidebar {
    margin-top: 50px;
  }
  .widget {
    margin-bottom: 60px;
  }
  .post.mb-0 {
    margin-bottom: 40px !important;
  }
  .footer {
    text-align: center;
  }
  .copyright,
  .footer-social-links,
  .footer-links {
    text-align: center!important;
    margin: 10px 0;
  }
  /* Half-image */
  .side-image-text {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* Restaurant menu */
  .menu-title,
  .menu-detail,
  .menu-price-detail {
    text-align: center;
  }
  .align-center-sm {
    text-align: center;
  }
  .align-left-sm {
    text-align: left;
  }
}

@media only screen and (max-width: 480px) {
  .work-item,
  .works-grid-3 .work-item,
  .works-grid-4 .work-item,
  .works-grid-5 .work-item {
    width: 100%;
  }
}













/*-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->

/*--------------------------------------------------------------
MAIN
--------------------------------------------------------------*/


/*TEXT流し込用*/
.main_txt {
  /* [disabled]margin:0 0 10px 0; */
  /* [disabled]padding:4px; */
  /* [disabled]border: #D6D9DE 1px solid; */
  margin-bottom: 40px;
  overflow: hidden;
}
/*
.main_txt h3  {
  font-size:1.6em;
  background-color:#D9E7FD;
  padding:5px;
  margin: 0 0 10px 0;
  font-weight: bold;
} */

.main_txt h3 {/*.ttl-lv4 */
  font-size: 1.8em;
  font-style: normal;
  font-weight: bold;
  text-transform: normal;
  letter-spacing: 1px;
  line-height: 1.4;
  margin-bottom:20px;
  padding:0 0 0 0.5em;
  background: url(../images/common/ico_square02.gif) left top no-repeat;
  color:#D30000;
}
.main_txt h4{ margin:40px 0 20px 0;}
.main_txt h4:first-child{ margin-top:0;}
.main_txt p  {
  font-size:1.4em;
  line-height:1.5;
  margin-bottom: 10px;
} 
.main_txt p :last-child{ margin:0;}
.main_txt p em {
  /* [disabled]border-bottom:2px #C39E50 solid; */
  background: #ffff66;
}

/**/

.main_txt .gold_ol { margin-left:2.5em;}
.main_txt .gold_ol li {
  font-size:1.4em;
  line-height:1.4;
  margin-bottom: 10px;
  color:#A88439;
  font-weight:bold;
}
.main_txt .gold_ol li span{
  font-weight:normal!important;
  color:#444!important;
  display: block;
}

/**/

.main_txt .orange_ol { margin-left:2.5em;}
.main_txt .orange_ol li {
  font-size:1.4em;
  line-height:1.4;
  margin-bottom: 10px;
  color:#f60;
  font-weight:bold;
}
.main_txt .orange_ol li span{
  font-weight:normal!important;
  color:#444!important;
  display: block;
}
/**/

.main_txt .blue_ol {
  padding:20px;
  display:block;
  background-color:#EEF8FD;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.main_txt .blue_ol li {
  font-size:1.4em;
  line-height:1.4;
  margin-bottom: 20px;
  color:#2085C1;
  font-weight:bold;
  border-bottom:#2085C1 1px dotted;
  list-style-position: inside;
  padding-bottom: 20px;
}
.main_txt .blue_ol li:last-child{padding-bottom:0; margin-bottom:0;border-bottom:none;}
.main_txt .blue_ol li span{
  font-weight:normal!important;
  color:#444!important;
  display: block;
  padding: 5px 0 0 1.5em;
}

.main_txt .blue_dl{ padding:0; margin:0;}
.main_txt .blue_dl dl{
  padding:10px;
  margin:10px;
  width:183px;
  float:left;
  display: inline;
  background-color: #EEF8FD;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
 }
 
.main_txt .blue_dl dt{
  font-size:1.6em;
  line-height:1.4;
  margin-bottom: 5px;
  color:#2085C1;
  font-weight:bold;
  border-bottom: 1px #A8D1EF dotted;
  padding-bottom: 5px;
}
.main_txt .blue_dl dd{
  color:#444;
  display: block;
  /* [disabled]margin-bottom: 20px; */
  font-size: 1.4em;
  line-height: 1.4;
}




/*TEXT流し込用*/

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .main_txt{background-size:contain;}
  .main_txt img{ width:100%;}
  
  .main_txt .blue_dl dl{ width:90%;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .main_txt{background-size:contain;}
  .main_txt img{ width:100%;}
  
  .main_txt .blue_dl dl{ width:90%;}
}




/*--------------------------------------------------------------
case　
--------------------------------------------------------------*/

.case-q{ 
  /*color:#73C120; */
  font-weight:bold; 
  font-size:1.6em!important; 
  background:#E8F8D6;
  padding:3px 10px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
.case-a{
  display: block;
  margin-bottom: 20px!important;
}
.case-a span{
  font-weight:bold;
} 

.case-list01 { padding:0;}
.case-list01 dl{ font-size:1.4em; line-height:1.5; margin-bottom:10px;}
.case-list01 dt{ 
  font-weight:bold;
  background:url(../images/common/ico_lv2.gif) 8px 8px no-repeat;
  padding:0 0 0 18px;
}
.case-list01 dd{ margin-top:5px;padding:0 0 0 18px;}


/*case01*/
.case01-box01{display: table;width: 100%;margin: 0 0 40px 0;}
.case01-box01-01{display: table-cell;width: 220px;}
.case01-box01-01 img {border:1px solid #eaeaea;}
.case01-box01-02{display: table-cell;display: table-cell;vertical-align: top;padding: 0 0 0 40px;}
.case01-box01-02 h5,
.case01-box01-02 p{font-size: 1.4em;line-height: 1.5;}
.case01-box01-02 h5{color:#D30000;font-weight: bold;margin: 0 0 20px 0;}
.case01-box01-02 p{margin-bottom: 10px;}

.case01-box02{display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;flex-wrap: wrap;margin: 0 0 30px 0;box-sizing: border-box;}
.case01-box02 dl{font-size: 1.2em;background-color:#FCEBEB; text-align: center;width: calc( (100% - 40px ) / 3);margin: 0 20px 20px 0;padding: 20px;}
.case01-box02 dl:nth-child(3n){margin-right: 0;}
.case01-box02 dt{color:#D30000;}
.case01-box02 dd{margin:15px 0 0 0;font-size: 1.3rem;}
.case01-box02 dd img{width: 80px;}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .case01-box01-01,
  .case01-box01-02{display: block; margin:0 auto;text-align: left;padding: 0;}

  .case01-box02 dl{width: calc( (100% - 20px ) / 2);}
  .case01-box02 dl{margin-right: 0;}
  .case01-box02 { justify-content: space-around;}
}



/*case06*/
.img-center_w60p{ width:60%; text-align:center; margin:0 auto;}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .img-center_w60p{ width:100%;}
}

/*case07*/
/*工事管理システム特徴*/
.point_case07_img p{
  float: left;
}
.point_case07_img_sd{
  display: none;
}
.point_case07_img p:last-child{
  margin-left: 10px;
}
#main .main_txt .point_case07 dt{
  font-size:1.5em;
  margin-bottom: 5px;
  padding: 5px;
  font-weight: bold;
  background: #D3E8EF;
  display: inline-block;
}
#main .main_txt .point_case07 dd{
  font-size:1.4em;
  margin-bottom: 20px;
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .point_case07_img p{width:100%; float:none; margin:0;}
  .point_case07_img p:last-child{ margin:10px 0 0 0;}
  .point_case07_img_sd{ display:block;}
  .point_case07_img_pc{ display:none;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .point_case07_img p{width:100%; float:none; margin:0;}
  .point_case07_img p:last-child{ margin:10px 0 0 0;}
  .point_case07_img_sd{ display:block;}
  .point_case07_img_pc{ display:none;}
}

/*case08*/
/* 予約管理システム */
.case08 ul{
  margin-top: 20px;
}
.case08 ul li{
  display: inline-block;
  padding: 5px;
  font-size: 1.5em;
  line-height: 1.6;
  background: #FFD3D2;
  font-weight: bold;
  margin-bottom: 20px;
}
.case08 .blue_dl{
  margin-bottom: 20px;
}
.case08 .blue_dl dt{
  border: none;
  text-align: center;
  font-size: 1.7em;
}
.right_case08{
  float: right;
}
.left_case08{
  float: left;
  width: 350px;
  margin-right: 20px;
}
.about_case08_sd{ display:none;}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .about_case08_sd{ display:block;}
  .about_case08_pc{ display:none;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .about_case08_sd{ display:block;}
  .about_case08_pc{ display:none;}
}


/*case10*/
.case10-box01{display: table;width: 100%;margin:  0 0 20px 0; padding: 0 0 20px 0; border-bottom:1px solid #eaeaea;}
#case10 .case10-box01:last-of-type{margin-bottom: 40px;border-bottom:none;}
.case10-box01-01{display: table-cell;width: 5rem;width: 60px;height: 60px;border-radius: 50%;line-height: 60px;color: #fff;background-color: #D30000;font-size: 1.4em;text-align: center;}
/*.case10-box01-01 img {border:1px solid #eaeaea;}*/
.case10-box01-02{display: table-cell;display: table-cell;vertical-align: middle;padding: 0 0 0 20px;}
.case10-box01-02 h5,
.case10-box01-02 p{font-size: 1.4em;line-height: 1.5;}
.case10-box01-02 h5{color:#D30000;font-weight: bold;margin:  0;}
.case10-box01-02 p{margin-bottom: 10px;}

.case10-box02{display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;flex-wrap: wrap;margin: 0 0 30px 0;box-sizing: border-box;}
.case10-box02 dl{font-size: 1.4em;background-color:#FCEBEB; text-align: center;width: calc( (100% - 40px ) / 3);margin: 0 20px 20px 0;padding: 20px;}
.case10-box02 dl:nth-child(3n){margin-right: 0;}
.case10-box02 dt{color:#D30000;}
.case10-box02 dd{margin:10px 0 0 0;font-size: 1.3rem;}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .case10-box02 dl{width: calc( (100% - 20px ) / 2);}
  .case10-box02 dl{margin-right: 0;}
  .case10-box02 { justify-content: space-around;}
}

/*case11*/
.case11-box01{display: table;width: 100%;margin:  0 0 20px 0; padding: 0 0 20px 0; border-bottom:1px solid #eaeaea;}
#case11 .case11-box01:last-of-type{margin-bottom: 40px;border-bottom:none;}
.case11-box01-01{display: table-cell;width: 5rem;width: 60px;height: 60px;border-radius: 50%;line-height: 60px;color: #fff;background-color: #D30000;font-size: 1.4em;text-align: center;}
/*.case11-box01-01 img {border:1px solid #eaeaea;}*/
.case11-box01-02{display: table-cell;display: table-cell;vertical-align: middle;padding: 0 0 0 20px;}
.case11-box01-02 h5,
.case11-box01-02 p{font-size: 1.4em;line-height: 1.5;}
.case11-box01-02 h5{color:#D30000;font-weight: bold;margin:  0;}
.case11-box01-02 p{margin-bottom: 10px;}

.case11-box02{display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;flex-wrap: wrap;margin: 0 0 30px 0;box-sizing: border-box;}
.case11-box02 dl{font-size: 1.4em;background-color:#FCEBEB; text-align: center;width: calc( (100% - 40px ) / 3);margin: 0 20px 20px 0;padding: 20px;}
.case11-box02 dl:nth-child(3n){margin-right: 0;}
.case11-box02 dt{color:#D30000;}
.case11-box02 dd{margin:10px 0 0 0;font-size: 1.3rem;}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .case11-box02 dl{width: calc( (100% - 20px ) / 2);}
  .case11-box02 dl{margin-right: 0;}
  .case11-box02 { justify-content: space-around;}
}

/*--------------------------------------------------------------
greeting 代表挨拶
--------------------------------------------------------------*/
#greeting,
#greeting_profile{ padding:0;}
#greeting_profile h4{ margin:0 0 10px 0; font-size:14px; font-weight:bold;}
#greeting_profile dl{ overflow:hidden;display:block;font-size:1.4em; line-height:1.5;margin-bottom:10px;}
#greeting_profile dl dt{float:left;width:4em;}
#greeting_profile dl dd{margin-left:4.5em;}

.img-ceo{width: 200px; float: right;border:1px solid #eaeaea;margin: 0 0 20px 40px;}
.img-ceo img{width: 100%; }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .img-ceo{ display: block; width: 200px; float: none; margin: 0 auto 20px auto;}
}

/*--------------------------------------------------------------
philosophy 企業理念
--------------------------------------------------------------*/

#philosophy{ padding:0;}

#philosophy01{
  padding:0;
  margin-bottom:20px;
  text-align:center;
  display: block;
}
#philosophy01 h4{
  padding:0;
  font-size:3.4em;
  color:#D30000;
  margin:20px 0;
  font-weight:bold;
  letter-spacing:0.1em;
  line-height: 1em;
  font-family:'MS PMincho',serif;
}


#philosophy01 h4:before,
#philosophy01 h4:after{
  font-size: 100px;
  font-weight:normal;
  color:#E2E3E9;
  position:relative;
  font-family:'MS PMincho',serif;
}
#philosophy01 h4:before {
  /*content:url(../images/common/ico_quote_open.jpg);*/
  /*content: open-quote;*/
  content: "“";
  top:40px;
}
#philosophy01 h4:after {
  /*content: url(../images/common/ico_quote_close.jpg);*/
  /*content: close-quote;*/
  content: "”";
  top:60px;
}
#philosophy01 p{
  font-size:2em;
  line-height:1.5;
  letter-spacing:0.1em;
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  #philosophy01 h4{font-size:2.4em;}
  #philosophy01 p{ font-size:1.6em;}
  #philosophy01 h4:before {font-size: 80px;}
  #philosophy01 h4:after {font-size: 80px;top:50px;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
  #philosophy01 h4{font-size:1.8em; text-align:left;}
  #philosophy01 p{ font-size:1.4em; text-align:left;}
  #philosophy01 h4:before { display:none;}
  #philosophy01 h4:after { display:none;}
}


#philosophy_box{
  background:url(../images/philosophy/bg_philosophy01.png) left top no-repeat;
  width:440px;
  height:440px;
  margin: 10px auto 0 auto;
}
#philosophy_box ul{
  display: block;
  padding: 20px 0 0 20px;
  overflow: hidden;
}
#philosophy_box li{
  float:left;
  width:140px;
  height:140px;
  position:relative;
  font-size: 1rem;
  list-style: none;
}
#philosophy_box li span{
  position: absolute;
  top:35%;
  left:0;
  width:120px;
  text-align:center;
  font-size: 1.8em;
  color: #fff;
  text-shadow: #666 1px -1px 0;
  white-space: nowrap;
  letter-spacing: 0.2em;
}
#philosophy_box li .lh2em{top:22%!important;}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}
/* Landscape phones and down */
@media (max-width: 480px) {
  #philosophy_box{
    background-size:contain;
    width:280px;
    height:290px;
    margin:0 auto;
  }
  #philosophy_box ul{
    padding: 15px 0 0 15px;
  }
  #philosophy_box li{
    width:88px;
    height:88px;
  }
  #philosophy_box li span{
    top:35%;
    width:70px;
    font-size: 1.2em;
    letter-spacing: 0;
  }
  #philosophy_box li .lh2em{top:25%!important;}
}

/*--------------------------------------------------------------
recruit 採用情報
--------------------------------------------------------------*/

#recruit{ padding:0;}


.nav-recruit ul {
  margin: 0 0 20px 0;
  padding: 0;
  list-style-type: none;
  width: auto;
  position: relative;
  display: block;
  font-size: 12px;
  font-weight: bold;
  background: #f6f6f6;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom: 2px solid #D30000;
  zoom: 1;
}
.nav-recruit ul:before {
  content: '';
  display: block;
}
.nav-recruit ul:after {
  content: '';
  display: table;
  clear: both;
}
.nav-recruit li {
  display: block;
  float: left;
  margin: 0;
  padding: 0 4px;
}
.nav-recruit li a {
  display: block;
  float: left;
  color: #666;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 20px 7px 20px;
  border-bottom: 3px solid transparent;
  font-size:15px;
}
.nav-recruit li a:hover {
  color: #333;
  border-bottom: 3px solid #D30000;
}
.nav-recruit li.active a {
  display: inline;
  border-bottom: 3px solid #D30000;
  float: left;
  margin: 0;
}


/*--------------------------------------------------------------
#sub 
--------------------------------------------------------------*/


/* 1 SUB　
------------------------------------------------------------- */ 



/*資料請求・お問い合わせ
-------------------------------------------*/
#contact {padding:0; margin:0;}
#contact #contact_ttl{ padding:0;}
#contact #contact_ttl .tbl02{ width:430px;}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  #contact #contact_ttl .tbl02{ width:100%;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
  #contact #contact_ttl .tbl02{ width:100%;}
}



#contact #contact_ttl p{
  font-size: 1.4em;
  line-height: 1.5;
  margin: 0 0 5px 0;
}
#contact select,
#contact textarea{padding:5px;}

#contact input[type="text"]{padding:5px;}
#contact table {
  border-collapse: separate;
  border-spacing:0;
  empty-cells:show;
  border-top:1px solid #D1D7DF;
  width:100%;
  margin: 0 0 20px 0;
}
#contact th {
  background-color:#EFF5FF;
  border-top:1px solid #fff;
  border-bottom:1px solid #D1D7DF;
  color:#333333;
  line-height:1.5;
  padding:5px;
  text-align:left;
  vertical-align:middle;
  white-space:nowrap;
  font-weight: normal;
  font-size: 1.4em;
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  #contact th{ white-space:normal;width:4em;}
  #contact th:nth-child(2){ width:4em;}
  #contact th span{ display:block;}
  #contact th,
  #contact td,
  #contact td li { font-size:12px!important;}
  #contact input[type="text"],
  #contact textarea{ width:90%!important; padding:8px;}
  
  #contact table:nth-child(3) th{ width:8em;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
  #contact th{ white-space:normal;width:3em;}
  #contact th:nth-child(2){ width:3em;}
  #contact th span{ display:block;}
  #contact th,
  #contact td,
  #contact td li { font-size:12px!important;}
  #contact input[type="text"],
  #contact textarea { width:90%!important; padding:8px;}
  
  #contact table:nth-child(3) th{width: 12em!important;}
}

#contact td {
border-top:1px solid #fff;
border-bottom:1px solid #D1D7DF;
color:#333333;
empty-cells:show;

font-size:1.4em;
line-height:1.5;
padding:5px;
vertical-align:middle;
}
#contact ul {
margin:0;
padding:0 0 0 1em;
}
#contact ul li {

font-size:0.9em;
line-height:1.5;
list-style-position:outside;
list-style-type:square;
}
#contact .center #btn_cntct-cnfrm {
display:block;
margin:30px 0 0;
padding:0;
text-align:center;
}
#contact #btn_cntct-cnfrm li {
display:inline;
list-style:none outside none;
}
#contact #btn_cntct-cnfrm li img, #contact #btn_cntct-cnfrm li input {
margin:0;
padding:2px;
vertical-align:bottom;
}


#contact h3{ font-size:1.6em; line-height:1.5; }
#contact .section p{ font-size:16px; }

#contact input,
#contact textarea{ 
border: #ccc 1px solid;
}




/*現在位置*/
#contact em {
  padding:0; 
  text-align:left; 
  margin:0 0 10px 0;
  display:block;
}








/*contact02　お問い合わせする物件一覧下　フォーム*/
/*contact02*/
.contact02 {
  padding:5px;
  margin: 0;
  clear: both;
  background-color: #fff;
}

.contact02 h4{
  font-size:1.4em;
  margin:5px 0 10px 0;
  line-height: 1.4;
}

/*現在位置*/
.contact02 em {
  padding:0; 
  text-align:left; 
  margin:10px 0;
  display:block;
}

/**/
.contact02 h3 {
  margin:0 70px;
  border-bottom:1px solid #bbb;
  border-top:1px solid #bbb;
  clear:both;
  font-size:1.4em;
  font-weight:bold;
  line-height:1.5;
  margin:0 0 20px 0;
  padding:10px;
  text-align:center;
}

/**/
.contact02_cnt{margin:0 auto;}
.contact02_cnt h4 {
  clear:both; 
  margin:20px 0 5px 0;
  padding: 0 0 0 15px;
  font-size:1.4em; 
  font-weight:bold;
  background:url(../images/common/ico_lv1.gif) left center no-repeat;
}

.contact02 table {
  width:100%;
  border-top:#ccc 1px solid; 
  border-left:#ccc 1px solid; 
  border-right:#ccc 1px solid;
  border-collapse: separate;
}
.contact02 th {
  padding:6px;
  background-color:#fff!important;
  border-top:#fff 1px solid;
  border-left:#fff 1px solid;
  border-bottom:#ccc 1px solid;
  vertical-align:middle;
  font-weight:normal;
  font-size:1.2em;
  white-space:nowrap;
  background:url(../images/common/bg_tr03.gif) left top repeat;
}

.contact02 td {
  line-height:1.5;
  padding:6px; 
  border-bottom:#ccc 1px solid;
  vertical-align:middle;
  font-size:1.2em;
  background-color:#fff;
}
.contact02 td ul{
  font-size:0.9em;
  color:#444;
  text-align: left;
}

/*確認ボタン*/
.contact02 p {
  padding:0px;
  margin: 0;
  text-align:center;
  display: block;
}
.contact02 p span {
  font-size:1.4em;
  font-weight:bold;
  text-align:center;
  padding:10px 0 2px 0;
  display: block;
}








/*
【静的ページ】
事業内容/会社概要/プライバシーポリシー/


-------------------------------------------*/
#business,
#company,
#flow,
#privacy,
#case {
  padding:0;

}

#company .panel-heading a:after,
#case .panel-heading a:after {
  position: absolute;
  content: "\f105";
  top: 50%;
  right: 0px;
  font-family: "FontAwesome";
  line-height: 1;
  font-size: 14px;
  margin-top: -7px;
}


/*-----#business-----*/

.business_list {
  padding:0px;
  margin:0;
  clear: both;
}
.business_list ul {
  display:block;
  margin: 0 0 10px 0;
  border-top:#ccc 1px solid;
}

.business_list li {
  background:url(../images/common/ico_square.gif) no-repeat scroll left 10px transparent;
  padding:5px 5px 5px 16px;
  margin:0;
  display:block;
  font-size:1.4em;
  line-height:1.5;
  border-bottom:#ccc 1px solid;
}


.business_list span {
  padding:0 0 0 10px;
  text-align:right;
  font-size:0.8em;
  display: block;
}


.business_list .cmn_btn01 {
  float:right;
  margin-top:10px;
  margin-bottom: 10px;
  /*padding: 2px 0;*/
}

/*
.business_list .cmn_btn01 a span {
   padding:2px 22px 3px 4px;
}
*/

/*-----company-----*/
#company #map {width:310px; height:500px; margin:0px; padding:2px; float:left; border:#ddd 1px solid;}
#company #company_address {margin-left:324px; padding:0;}       
#company #company_address p {font-size:1.2em; line-height:1.5; margin-bottom:1em;}                      

#company th,
#company td{ padding: 20px; }


/*-----privacy-----*/
#privacy {
margin:0;
padding:0;
}
#privacy h3 {

background-color:#F4F4F4;
border-bottom:2px solid #CCCCCC;

font-size:medium;
font-weight:bold;
margin:10px 0;
padding:5px 0 3px 8px;
text-align:left;
}
#privacy h4 {

font-size:small;
font-weight:bold;
line-height:1.8;
}
#privacy p {

font-size:small;
line-height:1.8;
}


/*-----サイトマップ-----*/

#sitemap {
/*  padding:10px 70px 20px 70px;*/
  padding:7px 5px 10px 5px;
}
#sitemap dl {
  padding:0;
  display: block;
}
#sitemap dt {
  margin:0;
  padding:0 0 0 16px;
  background: url(../images/common/ico_square.gif) left 50% no-repeat;
  line-height: 1.6;
  font-size:1.3em;
}
#sitemap dd {
  margin:0;
  padding:0 0 0 16px;
  background: url(../images/common/ico_lv1.gif) left 50% no-repeat;
  line-height: 1.6;
  font-size:1.3em;
}

#sitemap .smlv2 {
  margin:0 0 0 1em;
  background:none;
  font-size:1em;
  line-height: 1.6;
  clear: both;
}
#sitemap .smlv2 dt {
  margin:0;
  padding:0 0 0 16px;
  background: url(../images/common/ico_lv1.gif) left 50% no-repeat;
  line-height: 1.6;
  font-size:1.3em;
}
#sitemap dd dd {
  margin:0 0 0 2em;
  padding:0 0 0 16px;
  background: url(../images/common/ico_lv2.gif) left 50% no-repeat;
  line-height: 1.6; 
  font-size:1.3em;
}

/**/
.fl_l dt { clear:both; display:block;}
.fl_l dd { float:left; width:16em;}

#sitemap .line01 {
  height:20px!important;
  clear: both;
  display: block;
}
/**/

div#sitemap a:link {
  text-decoration: underline;
/*  padding:3px;*/
  margin:0;
  /*display:block;
  width:100%;*/
  line-height: 1.6; 
}
div#sitemap a:visited {
  text-decoration: underline;
  /*padding:3px;*/
  margin:0;
  /*display:block;
  width:100%;*/
  line-height: 1.6; 
}
div#sitemap a:hover {
  /*color: #ff9933;*/
  text-decoration: none;
  /*padding:3px;*/
  margin:0;
  /*display:block;
  width:100%;*/
  line-height: 1.6; 
  
} 
div#sitemap a:active {
  /*color: #ff9933;*/
  text-decoration: none;
/*  padding:3px;*/
  margin:0;
  /*display:block;
  width:100%;*/
  line-height: 1.6; 
} 


/* title
----------------------------------------------------------- */

.ttl-lv1,
.ttl-lv2,
.ttl-lv3,
.ttl-lv4{
  font-family:"Roboto Condensed","Open Sans","Helvetica Neue",Helvetica,"Arial","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
}
.ttl-lv1{
  background:#fff url(../images/common/bg_ttl01.jpg) left bottom no-repeat;
  font-weight:bold;
  clear: both;
  margin: 0 0 20px 0;
  padding:0;
  display:block;
  border:#BCC1CB 1px solid;
  color:#082F6F;
  font-size:2em;
  
  background-size: cover;

  font-family:"Roboto Condensed","Open Sans","Helvetica Neue",Helvetica,"Arial","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
}

.ttl-lv1 span{ 
  display:block; 
  padding:8px 5px 6px 10px; 
  border-top:#082F6F 2px solid;
  border-right:#fff 1px solid;
  border-bottom:#fff 1px solid;
  border-left:#fff 1px solid;
}

.ttl-lv2,
.ttl-lv2_list {
  background:url(../images/common/bg_ttl02.jpg) left bottom no-repeat;
  padding:5px 5px 15px 0;
  font-size:1.6em;
  font-weight:bold;
  clear: both;
  margin: 0 0 10px 0;
  display:block;
  
  background-size:contain;

  border-bottom:1px solid #eaeaea;
}
.ttl-lv2_list{
  position:relative;
  width: 670px;
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .ttl-lv2_list{ width:100%;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .ttl-lv2_list{ width:100%;}
}

.ttl-lv2_list span {
  position:absolute;
  right: 7px;
  top: 7px;
  text-align:right;
  background:url(../images/common/ico_lv2.gif) 2px 3px no-repeat;
  font-size:0.8em;
  padding: 0 0 0 8px;
  margin: 0;
  display:block;
  letter-spacing: 0.2em;
}
.ttl-lv3{
  /*background:#EFEFEF url(../images/common/ico_lv1.gif) 6px center no-repeat;*/
  background:#EEEFF0 url(../images/common/ico_lv1.gif) 8px 8px no-repeat;
  padding:5px 3px 5px 18px;
  display:block;
  font-size:1.6em;
  font-weight: bold;
  /*border-top: #D6D9DE 2px solid;*/
  margin:0 0 10px 0;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  
}


.ttl-lv4 {
  font-size: 1.6em;
  font-style: normal;
  font-weight: bold;
  text-transform: normal;
  letter-spacing: 1px;
  line-height: 1.4;
  margin-bottom:20px;
  padding:0 0 0 7px;
  background: url(../images/common/ico_square02.gif) left top no-repeat;
  color:#082F6F;
}



/*-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->






/*module*/
.row-eq-height {
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-wrap: wrap;
}

.row-eq-height .panel {
    height: 93%;
  }
/*bootstrap.css*/
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: 80vh;}

.table tr:last-child{border-bottom:#ddd 1px solid;}
.table td ul:last-child{margin-bottom: 0;}
.table td ul{padding:0 0 0 1.5rem;}









/*-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
@charset "utf-8";


/*　/////////////////////////////////////////////////////////////
module.css

ver.2010/05/30　
---------------------------------------------------------------
1. 文字の設定 
 1-1. 文字の大きさ
 1-2. 文字の位置 
 1-3. 行間設定
 1-4. 文字の色 
 1-5. 文字の背景色
 1-6. 文字の形体
 1-7. 文字の下線/打ち消し線
 

//////////////////////////////////////////////////////////////　*/ 




/*--------------------------------------------------------------
 1. 文字の設定 
--------------------------------------------------------------*/

/* 1-1 文字の大きさ 
------------------------------------------------------------- */ 
.f06 {font-size:0.6em!important;}
.f07 {font-size:0.7em!important;}
.f08 {font-size:0.8em!important;}
.f09 {font-size:0.9em!important;}
.f10 {font-size:1em!important;}
.f12 {font-size:1.2em!important;}
.f13 {font-size:1.3em!important;}
.f14 {font-size:1.4em!important;}
.f15 {font-size:1.5em!important;}
.f16 {font-size:1.6em!important;}
.f17 {font-size:1.7em!important;}
.f18 {font-size:1.8em!important;}
.f20 {font-size:2em!important;}
.f22 {font-size:2.2em!important;}
.f24 {font-size:2.4em!important;}
.f26 {font-size:2.6em!important;}


/* 1-2. 文字の位置 
------------------------------------------------------------- */
.al_right { text-align:right!important; }
.al_left { text-align:left!important;}
.center { text-align:center!important; margin:0 auto!important; }

.indent {text-indent:1em!important;}

.nowrap { white-space:nowrap!important;}
.wb {word-wrap: break-word!important;}

.note { 
  padding-left:1em;
  text-indent:-1em;
}
.note02 { 
  padding-left:-1em;
  text-indent:-1em;
}
.hide-text { 
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
}

/* 1-3. 行間設定 
------------------------------------------------------------- */
.lh15 {line-height:1.5!important;}


/* 1-4. 文字の色
------------------------------------------------------------- */
.red {color: #C60000;}
.red_b {color:red;font-weight:bold;}


.blue {color:blue;}
.blue_b {color:blue;font-weight:bold;}

.gray {color:#999999;}


/* 1-5. 文字の背景色
------------------------------------------------------------- */
.bg_yellow {background-color: #FFFF66;}
.bg_blue {background-color: #ddf5ff;}
.bg_pink {
  background-color: #FDD;
}

/* 1-6. 文字の形体
------------------------------------------------------------- */
.fn { font-style:normal!important; font-weight:normal!important;}

.bold { font-weight:bold!important; }

em { font-style:normal;}

strong {
  font-weight:bold;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}


/* 1-7. 文字の下線/打ち消し線
------------------------------------------------------------- */
.under { text-decoration:underline; }
.dotted { border-bottom:1px dotted #018CC9; }
.lt {text-decoration:line-through;}



/* ------------------------------------------------------------
 3. テーブルの表示設定 
------------------------------------------------------------ */

/* 1. （tbl01）thが上の場合
----------------------------------------------------------- */
.tbl01 {
  margin:0 0 10px 0;
  padding: 0px;
  border-collapse: separate;
  line-height:1.3;
  width: 100%;
  border-top: #ccc 1px solid;
  border-right: #ccc 1px solid;

}
.tbl01 th {
  padding: 5px;
  margin:0px;
  vertical-align: middle;
  text-align:center;
  color:#f6f6f6;
  font-size:1.2em;
  line-height: 1.3;
  letter-spacing: 0.1em;

  white-space:nowrap;
  font-weight: normal;
  
  background:#005e9f url(../images/common/bg_tr01.jpg) left bottom repeat-x;
  border-top:#f8f8f8 1px solid; border-right:#f8f8f8 1px solid;
  border-left: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
}

.tbl01 th.sort {background-color:#ccc; }

/**/

.tbl01 td {
  padding: 3px;
  margin:0px;
  vertical-align: middle;
  text-align:left;
  font-size:1.2em;
  line-height: 1.5;
  border-left: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
}
.tbl01 .bb3px{border-bottom:#ccc 3px  solid;}

/*セル内リスト*/
.tbl01 ul{
  padding:10px 0 0 20px;
  list-style-type:square;
  font-size:0.9em;
  color:#444;
  text-align: left;
  }
  
/**/
.tbl01 ol { padding:0 0 0 25px;}
.tbl01 ol li {line-height:1.5;}

/*サムネイル*/
.tbl01 .image {
  margin:0;
  text-align:center;
  width: 130px;
  display: block;
  padding: 0;
}
.tbl01 .image li {
  display:inline;
  
  margin:0 3px 0 0; 
  float:left;
} 
.tbl01 .image li a{
  display:block; 
  border:#ccc 1px solid; 
  /*float:left;*/
} 
.tbl01  .image li a:hover{
  border:#005EF9 1px solid;
  padding: 0;
} 

/*ボタン*/
.tbl01 .allbtn img, 
.tbl01 .allbtn a :hover{
  border:none!important;
  margin:0 auto 5px auto!important;
  display:block;
}

/*yuga.js用ロールオーバー*/
.btn{ cursor:pointer;}

/* 2. （tbl02）thが横の場合
----------------------------------------------------------- */
/*.tbl02 {
  width: 100%;
  border-collapse: collapse;  
  margin-bottom: 15px;
}
.tbl02 th {
  padding: 5px;
  font-weight: bold;
  text-align: left;
  background: #36393d;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #777;
  color: #FFF;
}
.tbl02 td {padding: 5px;border-bottom:1px solid #F0F0EE;}
*/




/*THが左部の場合*/

.tbl02 {
  margin-bottom: 10px;
  padding: 0px;
  border-collapse: separate;
  line-height:1.3;
  border-top: #bbb 1px dotted;
  width:100%;
}
.tbl02 th {
  padding: 5px;
  margin:0px;
  vertical-align: middle;
  border-bottom: #bbb 1px dotted;
  font-size:1.3em;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align:left;
  white-space:nowrap;
  font-weight: normal;
  background-color:#eee;
}
.tbl02 td {
  padding: 5px;
  margin:0px;
  vertical-align: top;
  font-size:1.3em;
  line-height: 1.5;
  border-bottom: #bbb 1px dotted;
}

/**/

.tbl02 ul{
    padding:0 0 0 1.5em;
    list-style-type:square;
    font-size:1em;
    color:#444;
  }
  
/**/

.tbl02 ol { padding:0 0 0 25px;}
.tbl02 ol li {line-height:1.5;}


/**/

.tbl03 {
  margin-bottom: 20px ;
  padding: 0px;
  border-collapse: separate;
  line-height:1.3;
  border-top: #ccc 1px dotted;
  width:100%;
}
.tbl03 th {
  padding: 5px;
  margin:0px;
  vertical-align: middle;
  border-bottom: #ccc 1px dotted;
  font-size:18px;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align:left;
  white-space:nowrap;
  font-weight: normal;
  /*background-color:#f3f3f3;*/
}
.tbl03 td {
  padding: 5px;
  margin:0px;
  vertical-align: top;
  font-size:18px;
  line-height: 1.5;
  border-bottom: #ccc 1px dotted;
}

/**/

.tbl03 ul{
    padding:10px 0 0 20px;
    list-style-type:square;
    font-size:18px;
    color:#444;
  }
  
/**/
.tbl03 ul li {line-height:1.5;}
.tbl03 ol { padding:0 0 0 25px;}
.tbl03 ol li {line-height:1.5;}














/* 3. テーブル　フォントサイズ
----------------------------------------------------------- */ 
.tbl01 th,
.tbl01 td,
.tbl02 th,
.tbl02 td{ font-size:1.2em;}


/* 4. yuga js（$.yuga.stripe();）にて 行の奇数　偶数設定
----------------------------------------------------------- */ 


/*.tbl01 tr.odd td { background-color:#ebebeb;}
.tbl01 tr.even td { background-color:#fff;}

.tbl02 tr.odd td { background-color:#ebebeb;}
.tbl02 tr.even td { background-color:#fff;}

.tbl03 tr.odd td { background-color:#ebebeb;}
.tbl03 tr.even td { background-color:#fff;}*/


/*yuga js 奇数　偶数設定*/
/*.tbl01 tr.odd td{ 
  background-color: #f8f8f8;
}
*/


/* 4. テーブル一行おきに色付け (JQUERY common.js)
----------------------------------------------------------- */
/*.tbl01 tr.even td,
.tbl02 tr.even td,
.tbl03 tr.even td
 { background-color:#ebebeb;}
*/



/* 5 罫線なし
------------------------------------------------------------- */ 
.b_no{ border:none!important;}
.bt_no{ border-top:none!important;}
.br_no{ border-right:none!important;}
.bb_no{ border-bottom:none!important;}
.bl_no{ border-left:none!important;}

/* 6 背景なし
------------------------------------------------------------- */ 
.bgimg_no { background-image:none!important;}




/* forms */


.form01label.label, .form01input.text_field, .form01textarea.text_area {
  font-size: 1.2em;
  padding: 1px 0;
  margin: 0;
}



.form01input.checkbox, .form01input.radio {
  margin-right: 5px;
}

.form01label.checkbox, .form01label.radio {
  line-height: 1.5em;
}

.form01label.label {
  display: block;
  padding-bottom: 2px;  
  font-weight: bold;
}

.form01div.fieldWithErrors label.label {
  display: inline;
}


.form01input.text_field, .form01textarea.text_area {
  width: 100%;
  border-width: 1px;
  border-style: solid;
}



.form01label.label {
  color: #666666;
}

.form01input.text_field, .form01textarea.text_area {
  width: 100%;
  border: 1px solid #cfcfcf;
}








/*------------------------------------*/














/*--------------------------------------------------------------
 3. フォーム関連 
--------------------------------------------------------------*/

/* 1 新着情報　アイコン
------------------------------------------------------------- */ 
.new {
  background-color:#C60000;
  font-size:0.7em;
  border-right:#ccc 1px solid;
  border-bottom:#ccc 1px solid;
  padding:0.1em 0.4em;
  width: 4em;
  text-align: center;
  color: #fff;
  letter-spacing:0.1em;
  margin-right: 10px;
  white-space:nowrap;
}
/*.notes {
  padding:0.2em;
  margin:0em;
  color:#CC0000;
  font-size: 0.8em;
  font-weight: normal;
}
.new {
  background-color:#C60000;
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  color:#FFFFFF;
  font-size:0.7em;
  letter-spacing:0.1em;
  margin-right:10px;
  padding:0.1em 0.4em;
  text-align:center;
  white-space:nowrap;
  width:4em;
}*/

/* 2 必須項目文字
------------------------------------------------------------- */ 
/*
.notes {
color:#CC0000;
font-size:0.8em;
font-weight:normal;
margin:0;
padding:0.2em;
}*/
.notes {
  background-color:#C60000;
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  color:#FFFFFF;
  font-size:0.6em;
  letter-spacing:0.2em;
  padding:0.1em 0.4em;
  text-align:center;
  white-space:nowrap;
  width:4em;
  font-weight: normal!important;
  margin: 0 5px 0 0;
  vertical-align: middle;
  
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

/* 3 ボタン位置
------------------------------------------------------------- */ 
.btn_center {
  display:block;
  margin:20px auto;
  padding:5px 0;
  text-align:center;
}
.btn_center input {cursor:pointer;margin:0 auto; text-align:center;}


/* 4 フォーム　テキストボックス/エリア内の色
------------------------------------------------------------- */ 
input:focus   { background-color:#FFFCF5;}
input:hover   { background-color:#FFFCF5;}
textarea:focus   { background-color:#FFFCF5;}
textarea:hover   { background-color:#FFFCF5;}



/* 5 エラーメッセージ
------------------------------------------------------------- */ 
/* flash-messages */
.message {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align:left;
  margin: 0 auto 15px;
}
.message p {margin:8px;}

/* 5-1 赤
----------------------------- */
.error {
  border: 1px solid #fbb;
  background-color: #fdd;
  color: #CC0000;
  text-align: left;
}

/* 5-2 黄
----------------------------- */
.warning {
  border: 1px solid #fffaaa;
  background-color: #ffffcc;
}

/* 5-3 緑
----------------------------- */
.notice {
  border: 1px solid #1FDF00;
  background-color: #BBFFB6;
}


/* 6 submit　ボタン
------------------------------------------------------------- */ 

/* 6-1 グレー【submit】
----------------------------- */ 
.button_gray {
    text-align:center; 
  margin:0 1px; 
  border: 1px solid #c1c1c1;
  font-size: 1.2em;
  line-height: 1.3;
  font-weight:bold;
  background: #cfcfcf;  
  -moz-border-radius: 4px;
  -webkit-border-radius: 3px;
  cursor:pointer;
  vertical-align:middle;
    padding: 3px 10px;
  color: #36393d;
  letter-spacing:0.2em;
}
.button:hover {
  border: 1px solid #666;
}
.button_gray:hover{background-color:#bebebe;}
.button_gray:active {color: #444;}


/* 6-2 赤【submit】
----------------------------- */ 

.button_red{
  text-align:center; 
  margin:0 1px; 
  border:1px solid #c00!important;
  font-size: 1.2em;
  line-height: 1.3;
  font-weight:bold;
  background-color: #c00;   
  -moz-border-radius: 4px;
  -webkit-border-radius: 3px;
  cursor:pointer;
  vertical-align:middle;
    padding: 3px 10px;
  color: #fff;
  letter-spacing:0.2em;
}
.button_red:hover{color: #fff;background-color:#E30000;}
.button_red:active {color: #fff;}


/*--------------------------------------------------------------
 3. 水平線
--------------------------------------------------------------*/
hr {display:none!important;}


/* 5 点線　背景画像
------------------------------------------------------------- */ 
.line01 {
  background:url(../images/common/line_dashed01.gif) center repeat-x!important;
  height:2px;
}


/* 5 実線　背景画像なし
------------------------------------------------------------- */ 

/* 2 grayline
----------------------------- */ 
.grayline { 
  display:block; 
  height:2px; 
  background-color:#ccc; 
  clear:both;
}

/*--------------------------------------------------------------
 3. リスト
--------------------------------------------------------------*/
.lsc {list-style-type:circle; margin-left:1.5em;}
.lsd {list-style-type: disc; margin-left:1.5em;}


/*--------------------------------------------------------------
 3. リンク用約物
--------------------------------------------------------------*/
.lv1,
.lv2,
.lv3,
.ow,
.up,
.down,
.att,
.pdf {
  /*padding:0 0 0 17px!important;*/
  margin: 0 5px 0 0;
  font-size:1em;
}
/*
.lv1 {background: url(../images/common/ico_lv1.gif) 6px center no-repeat;}
.lv2 {background: url(../images/common/ico_lv2.gif) left center no-repeat;}
.lv3 {background: url(../images/common/ico_03.gif) 6px center no-repeat;}
.ow {background: url(../images/common/ico_ow.gif) 4px center no-repeat;};
*/

.lv1:before {content: "\f138";font-family: FontAwesome; padding: 0 5px 0 0;}
.lv2:before {content: "\f054";font-family: FontAwesome; padding: 0 5px 0 0;}
.lv3:before {content: "\f0da";font-family: FontAwesome; padding: 0 5px 0 0;}
.ow:before {content: "\f08e";font-family: FontAwesome; padding: 0 5px 0 0; color:#D30000;}



.up {background: url(../images/common/ico_up.gif) left center no-repeat;}
.down {background: url(../images/common/ico_down.gif) left center no-repeat;}

.att {background:transparent url(../images/common/ico_att.gif) no-repeat left center;}

.pdf {background:url(../images/common/ico_pdf.gif) left center no-repeat;}
.pdf a {
  background:url(../images/common/ico_pdf.gif) left center no-repeat;
  _background:url(../images/common/ico_pdf.gif) left 3px no-repeat;/*IE6*/
  padding:0.5em 0 0.5em 16px;
}



/*--------------------------------------------------------------
 3. リンク現在位置
--------------------------------------------------------------*/
a.here{
  font-weight:bold;
  text-decoration: none;
  background-color:#f3f3f3;
  color:#0023B0;
  padding:0 0.2em;
  border:#0023B0 1px dotted;
}
a:link.here,
a:hover.here,
a:visited.here,
a:active.here{
  text-decoration: none;
  background-color:#f3f3f3;
  color:#0023B0;
  padding:0 0.2em;
}

/*--------------------------------------------------------------
 3. フロート／解除
--------------------------------------------------------------*/
.fl_right {float:right!important; }
.fl_left {float:left!important; }
.fnone {float:none!important;}

.clr {clear:both!important;}
.clrR {clear:right!important;}
.clrL {clear:left!important;}



/*--------------------------------------------------------------
 3. padding margin 簡易設定
--------------------------------------------------------------*/

/* 1 padding
------------------------------------------------------------- */ 
.p0 { padding:0 !important;}
.p5 { padding:5px!important; }
.p10 { padding:10px!important; }
.p15 { padding:15px!important; }
.p20 { padding:20px!important; }

.prl5 { padding-right:5px!important;padding-left:5px!important; }
.prl10 { padding-right:10px!important;padding-left:10px!important; }
.prl15 { padding-right:15px!important;padding-left:15px!important; }
.prl20 { padding-right:20px!important;padding-left:20px!important; }

.ptb5 {padding-top:5px!important;padding-bottom:5px!important; }
.ptb10 {padding-top:10px!important;padding-bottom:10px!important; }
.ptb15 {padding-top:15px!important;padding-bottom:15px!important; }
.ptb20 {padding-top:20px!important;padding-bottom:20px!important; }

.pt0 { padding-top:0!important;}
.pt5 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt30 { padding-top:30px!important; }

.pr0 { padding-right:0px!important; }
.pr5 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr30 { padding-right:30px!important; }

.pl0 { padding-left:0px!important; }
.pl5 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl30 { padding-left:30px!important; }

.pb0 { padding-bottom:0!important;}
.pb5 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }


/* 2 margin
------------------------------------------------------------- */ 
.m0 { margin:0 !important;}
.m5 { margin:5px!important; }
.m10 { margin:10px!important; }
.m15 { margin:15px!important; }
.m20 { margin:20px!important; }

.mtb10 { margin-top:10px!important;margin-bottom:10px!important; }
.mtb20 { margin-top:20px!important;margin-bottom:20px!important; }
.mtb30 { margin-top:30px!important;margin-bottom:30px!important; }
.mtb40 { margin-top:40px!important;margin-bottom:40px!important; }

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

.mt0 { margin-top:0!important;}
.mt5 { margin-top:5px!important;}
.mt10 { margin-top:10px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }

.mr0 {margin-right:0!important;}
.mr10 {margin-right:10px!important;}
.mr20 {margin-right:20px!important;}

.mb0 { margin-bottom:0!important;}
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }

.ml0 { margin-left:0px!important; }
.ml5 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml20 { margin-left:20px!important; }
.ml30 { margin-left:30px!important; }
.ml40 { margin-left:40px!important; }

.ml1em { margin-left:1em!important; }
.ml2em { margin-left:2em!important; }
.ml4em { margin-left:4em!important; }


/*--------------------------------------------------------------
 3. 幅の簡易設定
--------------------------------------------------------------*/
.w1m { width:1em!important;}
.w2m { width:2em!important;}
.w3m { width:3em!important;}
.w4m { width:4em!important;}
.w5m { width:5em!important;}
.w6m { width:6em!important;}
.w7m { width:7em!important;}
.w8m { width:8em!important;}
.w9m { width:9em!important;}
.w10m { width:10em!important;}
.w11m { width:11em!important;}
.w12m { width:12em!important;}
.w13m { width:13em!important;}
.w14m { width:14em!important;}
.w15m { width:15em!important;}

.w10 { width:10px!important;}
.w20 { width:20px!important;}
.w30 { width:30px!important;}
.w40 { width:40px!important;}
.w50 { width:50px!important;}

.w10p { width:10%!important;}
.w20p { width:20%!important;}
.w30p { width:30%!important;}
.w40p { width:40%!important;}
.w50p { width:50%!important;}
.w60p { width:60%!important;}
.w70p { width:70%!important;}
.w80p { width:80%!important;}
.w90p { width:90%!important;}
.w100p { width:100%!important;}

/*--------------------------------------------------------------
 3. その他共通設定
--------------------------------------------------------------*/
.none {display:none!important;}
.block{ display:block!important;}
.bg_no {background:none!important;}





/*--------------------------------------------------------------
 3. 汎用テキストボタン
--------------------------------------------------------------*/



.cmn_btn01 a {
   float:left;
   background: url(../images/common/btn_left01.gif) no-repeat left top;
   margin:0;
   /*padding:0 0 0 4px;*/
   padding:0 0 0 4px;
   text-decoration:none;
   line-height:1;
}
.cmn_btn01 a span {
   float:left;
   display:block;
   background: url(../images/common/btn_right01.gif) no-repeat right top;
   /*padding:0 22px 0 4px;*/
   padding:5px 22px 5px 4px;
   color:#004AC6;
   font-size:1.1em;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.cmn_btn01 a span {float:none;}
/* End IE5-Mac hack */
.cmn_btn01 a:hover span {
  color:#004AC6;
}
.cmn_btn01 a:hover {
   background-position:0% -21px;
}
.cmn_btn01 a:hover span {
   background-position:100% -21px;
}
.cmn_btn01 #current a {
   background-position:0% -21px;
}
.cmn_btn01 #current a span {
   background-position:100% -21px;
}


/*--------------------------------------------------------------
 3. 汎用テキスト
--------------------------------------------------------------*/
.txt12_01{
  margin:0 0 5px 0;
  font-size:1.2em;
  line-height:1.5;
} 
.txt14_01{
  margin:0 0 5px 0;
  font-size:1.4em;
  line-height:1.5;
} 
/* リンク
------------------------------------------------------------- */      
.contact_txt {
  display:block;
  float:right;
}
.contact_txt a{
 /* background:url(../images/common/ico_lv1.gif) 6px center no-repeat;*/
  padding:0;
  display:block;
  font-size: 1.3em;
  margin-top: 10px;
}
.contact_txt a:before {content: "\f138";font-family: FontAwesome; padding: 0 5px 0 0;}



/*電話・メールお問い合わせリンク*/
.main-contact01{ border:#D71919 1px solid; background-color: #fafafa;box-shadow: #999 0px 0 4px;}
.main-contact01 h4 {margin-top: 0; background: #D71919; color:#fff; text-align: center;padding: 15px;}
.main-contact01 ul {font-size: 16px; text-align: center;margin: 25px 0;padding: 0;}
.main-contact01 li {display: inline-block;margin: 0 20px;font-size: 20px;}
.main-contact01 li span{font-size: 16px;}
.main-contact01 li:last-child{margin-bottom: 0;}

.main-contact01 li a{
border-radius: 30px;
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
padding: 10px 20px;
font-size: 16px;
}
.main-contact01 li a:hover{
color: #fff;
background-color: #449d44;
border-color: #398439;
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .main-contact01 h4 {margin-bottom: 0;padding: 10px 0;}
  .main-contact01 ul{ padding: 0; margin: 0; }
  .main-contact01 li{ width:100%; margin: 0;}
  .main-contact01 li:last-child{border-top: #D71919 1px solid;}
  .main-contact01 li a{display: block; padding: 15px 0; background: none;color: #D71919 ;border-radius: 0;}
    .main-contact01 li a:hover{background: #D71919;border-radius: 0;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .main-contact01 h4 {margin-bottom: 0;padding: 10px 0;}
  .main-contact01 ul{ padding: 0; margin: 0; }
  .main-contact01 li{ width:100%; margin: 0;}
  .main-contact01 li:last-child{border-top: #D71919 1px solid;}
  .main-contact01 li a{display: block; padding: 15px 0; background: none;color: #D71919 ;border-radius: 0;}
    .main-contact01 li a:hover{background: #D71919;border-radius: 0;}
}

/*Aciton宣言画像*/
.img__sengen{
  width: 70%;
  height: 70%;
}
@media (max-width: 767px) {
  .img__sengen{ width: 50%;height: 50%;}
}
@media (max-width: 480px) {
  .img__sengen{ width: 50%;height: 50%;}
}