#hexGrid{
margin:  0 auto;
}

.contat-title{
padding: 0.25px 5.5px;
color: #121212;
background: transparent;
border-left: solid 5px #7db4e6;
font-weight: bold;
font-size: 1.8rem;
}
.contact-menu{
	background-color:#e5e5e5;
	margin:10px;
	font-size: 1.5rem;
}
.mask {
 padding-top:20px;
  padding-bottom:15px;
	box-shadow: 20px 20px 25px -10px;
 background:rgba(51,122,183,0.9);
}
table.recruit-table {
 width:100%;
 border-collapse:separate;
 border-spacing:0 15px;
 margin:0 auto;
 font-size:14px
}
table.recruit-table thead th {
 background:#3eb1c6;
 color:#FFF;
 padding:10px 15px;
 border-right:#FFF solid 1px;
 border-bottom:#FFF solid 1px
}
table.recruit-table thead th:last-child {
 border-right:#3eb1c6 solid 1px
}
table.recruit-table tbody th {
 background:#337ab7;
 color:#FFF;
 padding:10px 15px;
 text-align:center;
 vertical-align:middle;
 text-align:center;
 position:relative
}
table.recruit-table tbody tr:last-child th {
 border-bottom:#3eb1c6 solid 1px
}
table.recruit-table tbody td {
 background:#ddd;
 padding:10px 15px;
 vertical-align:top
}
@media screen and (max-width:640px) {
 table.recruit-table thead {
  display:none
 }
 table.recruit-table tbody th {
  display:block
 }
 table.recruit-table tbody td {
  display:block
 }
 table.recruit-table tbody td::before {
  content:attr(label);
  float:left;
  clear:both;
  font-weight:bold
 }
 table.srecruit-table tbody td p {
  padding-left:6em
 }
}
.toku img {
 border-radius:30px;
 box-shadow:5px 3px 4px -2px gray
}
.tobi img {
 border-radius:30px;
 box-shadow:5px 3px 4px -2px gray
}
.toku {
 background-color:#ddd;
 padding:15px
}
.vision {
 padding:15px
}
.tobi {
 padding:15px
}
.si-service-text {
 font-size:1.6rem;
 letter-spacing:.1rem;
 line-height:3rem
}
.si-title {
 font-size:4rem;
 font-weight:bold;
 letter-spacing:.5rem;
 margin-top:10px;
 margin-bottom:10px;
 padding:10px;
 background-color:#337ab7;
 color:#fff;
 border-radius:25px;
 box-shadow:5px 3px 4px -2px gray
}
@media only screen and (max-width:480px) {
 .si-service-text {
  font-size:1.2rem;
  letter-spacing:.1rem;
  line-height:2rem
 }
 .si-title {
  font-size:3rem;
  font-weight:bold;
  letter-spacing:.5rem;
  margin-top:10px;
  margin-bottom:10px;
  padding:10px;
  background-color:#337ab7;
  color:#fff
 }
}
.tel {
 color:#f66062;
 font-size:1.5rem
}
table.fp-recruit {
 width:100%;
 margin:0 auto;
 border-collapse:separate;
 border-spacing:0 15px;
 font-size:14px;
 padding:10px
}
table.fp-recruit th,table.fp-recruit td {
 padding:15px
}
table.fp-recruit th {
 background:#337ab7;
 vertical-align:middle;
 text-align:center;
 width:35%;
 overflow:visible;
 position:relative;
 color:#eee;
 font-weight:bold;
 font-size:18px
}
table.fp-recruit td {
 background:#ddd;
 width:65%;
 padding-left:10px
}
.page-img {
 height:300px;
 display:table;
 width:100%;
 background-size:cover;
 filter:alpha(opacity=50);
 -moz-opacity:.5;
 margin-bottom:20px;
 filter:saturate(130%) contrast(105%)brightness(105%);
}
.page-img @media only screen and (min-width:1500px) {
 .page-img {
  height:400px
 }
}
@media only screen and (min-width :768px) and (max-width :1200px) {
 .page-img {
  height:300px
 }
}
@media only screen and (max-width:479px) {
 .page-img {
  height:150px
 }
}
.page-text {
 display:table-cell;
 vertical-align:middle;
 text-align:center
}
.page-text h1 {
 color:#333
}
.mt-1 {
 margin-top:10px
}
.mt-2 {
 margin-top:20px
}
.mb-1 {
 margin-bottom:10px
}
.mb-2 {
 margin-bottom:20px
}
.pc {
 display:block !important
}
.sp {
 display:none !important
}
@media only screen and (max-width:750px) {
 .pc {
  display:none !important
 }
 .sp {
  display:block !important
 }
}
.site-title {
 color:#2367a2;
 font-weight:bold;
}
.animationleftAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name:animationleftAnime;
 -ms-animation-name:animationleftAnime;
 animation-name:animationleftAnime;
 visibility:visible !important
}
@-webkit-keyframes animationleftAnime {
 0% {
  opacity:0;
  -webkit-transform:translateX(-350px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0)
 }
}
@keyframes animationleftAnime {
 0% {
  opacity:0;
  -webkit-transform:translateX(-350px);
  -ms-transform:translateX(-350px);
  transform:translateX(-350px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0)
 }
}
.animationfeedAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name:animationfeedAnime;
 -ms-animation-name:animationfeedAnime;
 animation-name:animationfeedAnime;
 visibility:visible !important
}
@-webkit-keyframes animationfeedAnime {
 0% {
  opacity:0;
  -webkit-transform:translateY(-20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0)
 }
}
@keyframes animationfeedtAnime {
 0% {
  opacity:0;
  -webkit-transform:translateY(-20px);
  -ms-transform:translateY(-20px);
  transform:translateY(-20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0)
 }
}

.header-img {
 display:table;
 background-size:cover;
 width:100%;
 height:100vh;
 margin-top: -25px;
 filter:saturate(130%) contrast(105%)brightness(105%);
}
.fp-text {
 letter-spacing:.5rem;
 line-height:4.5rem;
 margin-top:20px;
 margin-bottom:20px;
 /*! font-weight: bold; */font-size:14px
}
@media only screen and (max-width :768px) {
 .header-img {
  width:100%;
  height:100vh
 }
 .fp-text {
  letter-spacing:.5rem;
  line-height:3.5rem;
  margin-top:15px;
  margin-bottom:15px;
  font-size:14px
 }
}
@media only screen and (max-width:480px) {
 .header-img {
  width:100%;
  height:100vh
 }
 .fp-text {
  letter-spacing:.2rem;
  line-height:3rem;
  margin-top:15px;
  margin-bottom:15px;
  font-size:14px;
  font-weight:400
 }
}
.cover-text {
 color:#222;
 font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
 font-weight:bold;
 display:table-cell;
 vertical-align:middle;
 text-align:center
}
.service-img {
 padding:10px
}
.service-title {
 color:#212121;
 font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
 font-weight:bold
}
.fp-title-en {
 position:relative;
 display:inline-block;
 padding:5px 60px
}
.fp-title-en:before,.fp-title-en:after {
 content:'';
 position:absolute;
 top:50%;
 display:inline-block;
 width:45px;
 height:1px;
 background-color:black
}
.fp-title-en:before {
 left:0
}
.fp-title-en:after {
 right:0
}
.recruit {
 padding-top:20px;
 padding-bottom:20px
}
.service {
 padding-top:20px;
 padding-bottom:20px;
 background-color:#f5f5f5
}
.service i {
 padding:10px;
 color:#f66062
}
.fp-description {
 padding-top:40px;
 padding-bottom:20px
}
.fp-title {
 margin-top:15px;
 margin-bottom:15px
}
.circle {
 display:inline-block;
 color:#eee;
 font-size:16px;
 font-weight:bold;
 width:150px;
 height:150px;
 border-radius:50%;
 background:#f66062;
 text-align:center;
 line-height:150px;
 vertical-align:middle;
 box-shadow:rgba(113,135,164,.65098) 3px 3px 6px 3px;
 -webkit-box-shadow:rgba(113,135,164,.65098) 3px 3px 6px 3px;
 -moz-box-shadow:rgba(113,135,164,.65098) 3px 3px 6px 3px;
 font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif
}
html {
 font-family:sans-serif;
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:100%
}
body {
 margin:0
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
 display:block
}
audio,canvas,progress,video {
 display:inline-block;
 vertical-align:baseline
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden],template {
 display:none
}
a {
 background-color:transparent
}
a:active,a:hover {
 outline:0
}
abbr[title] {
 border-bottom:1px dotted
}
b,strong {
 font-weight:bold
}
dfn {
 font-style:italic
}
h1 {
 font-size:2em;
 margin:.67em 0
}
mark {
 background:#ff0;
 color:#000
}
small {
 font-size:80%
}
sub,sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sup {
 top:-0.5em
}
sub {
 bottom:-0.25em
}
img {
 border:0
}
svg:not(:root) {
 overflow:hidden
}
figure {
 margin:1em 40px
}
hr {
 box-sizing:content-box;
 height:0
}
pre {
 overflow:auto
}
code,kbd,pre,samp {
 font-family:monospace,monospace;
 font-size:1em
}
button,input,optgroup,select,textarea {
 color:inherit;
 font:inherit;
 margin:0
}
button {
 overflow:visible
}
button,select {
 text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
 -webkit-appearance:button;
 cursor:pointer
}
button[disabled],html input[disabled] {
 cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
 border:0;
 padding:0
}
input {
 line-height:normal
}
input[type="checkbox"],input[type="radio"] {
 box-sizing:border-box;
 padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
 height:auto
}
input[type="search"] {
 -webkit-appearance:textfield;
 box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
 -webkit-appearance:none
}
fieldset {
 border:1px solid silver;
 margin:0 2px;
 padding:.35em .625em .75em
}
legend {
 border:0;
 padding:0
}
textarea {
 overflow:auto
}
optgroup {
 font-weight:bold
}
table {
 border-collapse:collapse;
 border-spacing:0
}
td,th {
 padding:0
}
body,button,input,select,textarea {
 color:#404040;
 /*! font-family: sans-serif; */font-size:16px;
 font-size:1rem;
 line-height:1.5;
 font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif
}
h1,h2,h3,h4,h5,h6 {
 clear:both
}
p {
 margin-bottom:1.5em
}
dfn,cite,em,i {
 font-style:italic
}
blockquote {
 margin:0 1.5em
}
address {
 margin:0 0 1.5em
}
pre {
 background:#eee;
 font-family:"Courier 10 Pitch",Courier,monospace;
 font-size:15px;
 font-size:.9375rem;
 line-height:1.6;
 margin-bottom:1.6em;
 max-width:100%;
 overflow:auto;
 padding:1.6em
}
code,kbd,tt,var {
 font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
 font-size:15px;
 font-size:.9375rem
}
abbr,acronym {
 border-bottom:1px dotted #666;
 cursor:help
}
mark,ins {
 background:#fff9c0;
 text-decoration:none
}
big {
 font-size:125%
}
html {
 box-sizing:border-box
}
*,*:before,*:after {
 box-sizing:inherit
}
blockquote:before,blockquote:after,q:before,q:after {
 content:""
}
blockquote,q {
 quotes:"" ""
}
hr {
 background-color:#ccc;
 border:0;
 height:1px;
 margin-bottom:1.5em
}
ul,ol {
 margin:0 0 1.5em 3em
}
ul {
 list-style:disc
}
ol {
 list-style:decimal
}
li>ul,li>ol {
 margin-bottom:0;
 margin-left:1.5em
}
dt {
 font-weight:bold
}
dd {
 margin:0 1.5em 1.5em
}
img {
 height:auto;
 max-width:100%
}
table {
 margin:0 0 1.5em;
 width:100%
}
a {
 color:royalblue
}
a:visited {
 color:purple
}
a:hover,a:focus,a:active {
 color:midnightblue
}
a:focus {
 outline:thin dotted
}
a:hover,a:active {
 outline:0
}
.main-navigation {
 clear:both;
 display:block;
 float:left;
 width:100%
}
.main-navigation ul {
 display:none;
 list-style:none;
 margin:0;
 padding-left:0
}
.main-navigation li {
 float:left;
 position:relative
}
.main-navigation a {
 display:block;
 text-decoration:none
}
.main-navigation ul ul {
 box-shadow:0 3px 3px rgba(0,0,0,0.2);
 float:left;
 position:absolute;
 top:1.5em;
 left:-999em;
 z-index:99999
}
.main-navigation ul ul ul {
 left:-999em;
 top:0
}
.main-navigation ul ul a {
 width:200px
}
.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul {
 left:auto
}
.main-navigation ul ul li:hover>ul,.main-navigation ul ul li.focus>ul {
 left:100%
}
.menu-toggle,.main-navigation.toggled ul {
 display:block
}
@media screen and (min-width:37.5em) {
 .menu-toggle {
  display:none
 }
 .main-navigation ul {
  display:block
 }
}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation {
 margin:0 0 1.5em;
 overflow:hidden
}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {
 float:left;
 width:50%
}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {
 float:right;
 text-align:right;
 width:50%
}
.screen-reader-text {
 clip:rect(1px,1px,1px,1px);
 position:absolute !important;
 height:1px;
 width:1px;
 overflow:hidden
}
.screen-reader-text:focus {
 background-color:#f1f1f1;
 border-radius:3px;
 box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
 clip:auto !important;
 color:#21759b;
 display:block;
 font-size:14px;
 font-size:.875rem;
 font-weight:bold;
 height:auto;
 left:5px;
 line-height:normal;
 padding:15px 23px 14px;
 text-decoration:none;
 top:5px;
 width:auto;
 z-index:100000
}
#content[tabindex="-1"]:focus {
 outline:0
}
.alignleft {
 display:inline;
 float:left;
 margin-right:1.5em
}
.alignright {
 display:inline;
 float:right;
 margin-left:1.5em
}
.aligncenter {
 clear:both;
 display:block;
 margin-left:auto;
 margin-right:auto
}
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {
 content:"";
 display:table;
 table-layout:fixed
}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {
 clear:both
}
.widget {
 margin:0 0 1.5em
}
.widget select {
 max-width:100%
}
.sticky {
 display:block
}
.hentry {
 margin:0 0 1.5em
}
.byline,.updated:not(.published) {
 display:none
}
.single .byline,.group-blog .byline {
 display:inline
}
.page-content,.entry-content,.entry-summary {
 margin:1.5em 0 0
}
.page-links {
 clear:both;
 margin:0 0 1.5em
}
.blog .format-aside .entry-title,.archive .format-aside .entry-title {
 display:none
}
.comment-content a {
 word-wrap:break-word
}
.bypostauthor {
 display:block
}
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer {
 display:none
}
.infinity-end.neverending .site-footer {
 display:block
}
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {
 border:0;
 margin-bottom:0;
 margin-top:0;
 padding:0
}
embed,iframe,object {
 max-width:100%
}
.wp-caption {
 margin-bottom:1.5em;
 max-width:100%
}
.wp-caption img[class*="wp-image-"] {
 display:block;
 margin-left:auto;
 margin-right:auto
}
.wp-caption .wp-caption-text {
 margin:.8075em 0
}
.wp-caption-text {
 text-align:center
}
.gallery {
 margin-bottom:1.5em
}
.gallery-item {
 display:inline-block;
 text-align:center;
 vertical-align:top;
 width:100%
}
.gallery-columns-2 .gallery-item {
 max-width:50%
}
.gallery-columns-3 .gallery-item {
 max-width:33.33%
}
.gallery-columns-4 .gallery-item {
 max-width:25%
}
.gallery-columns-5 .gallery-item {
 max-width:20%
}
.gallery-columns-6 .gallery-item {
 max-width:16.66%
}
.gallery-columns-7 .gallery-item {
 max-width:14.28%
}
.gallery-columns-8 .gallery-item {
 max-width:12.5%
}
.gallery-columns-9 .gallery-item {
 max-width:11.11%
}
.gallery-caption {
 display:block
}
body {
 /*! font:300 13px/22px Roboto; */color:#111;
 background-color:#f4f4f4;
 margin-top:55px
}
.btn {
 color:#fff !important;
 border-radius:0;
 border:0;
 text-transform:uppercase;
 font-size:1em;
 letter-spacing:2px;
 padding:5px 25px
}
a,a:visited {
 color:#f66062;
 text-decoration:none
}
a:hover {
 color:#333
}
img,input,.btn,a,a:hover,a:active,a:focus,div {
 text-decoration:none;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -ms-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
 outline:0
}
h1,h2,h3,h4,h5,h6 {
 font-weight:300;
 margin:0
}
h1 {
 font-size:3.5em;
 letter-spacing:1.5rem;
 font-weight:bold;
 font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
 color:#212121
}
h2 {
 font-size:2em
}
h3 {
 font-size:1.5em;
 margin:0 0 10px 0
}
h4,h5,h6 {
 font-size:1em
}
h4 {
 letter-spacing:2px;
 text-transform:uppercase;
 border-bottom:2px solid #f66062;
 display:inline-block;
 padding-bottom:10px;
 margin-bottom:20px;
 color:#333
}
a.readmore {
 font-size:.8em;
 text-transform:uppercase;
 letter-spacing:3px
}
.spacer {
 padding-bottom:60px;
}

header .logo-tag {
 margin:5px 0
}
header .logo-tag h1 {
 margin:6px 0;
 font-size:2.0em;
 letter-spacing: 2px;
}
header .logo-tag h1 a:hover {
 text-decoration:none
}
header .logo-tag h2 {
 margin:0;
 color:#666;
 font-size:1.5em;
 font-weight:bold;
 letter-spacing:5px;
 text-transform:uppercase
}
header .navbar-form {
 margin-top:0;
 margin-bottom:0
}
header .navbar-form .main-search {
 position:relative
}
header .navbar-form .main-search .btn .fa {
 font-size:1.5em
}
header .navbar-form .btn {
 background:#f66264;
 padding:0 21px;
 box-shadow:none;
 border:0;
 color:#fff;
 text-shadow:none;
 line-height:55px;
 border-radius:0;
 outline:none !important
}
header .navbar-form .search-box {
 position:absolute;
 right:0
}
header .navbar-form .search-box .well {
 border:0;
 border-radius:0;
 padding:10px;
 background:#fff;
 width:250px
}
header .navbar-form .search-box .well input {
 border:0;
 border-radius:0;
 background:#ddd;
 color:#000;
 font-size:.8em;
 width:100%;
 box-shadow:none;
 padding:10px
}
header .navbar-form .nav {
 margin:0
}
header .navbar-default {
 background:0;
 border:0;
 margin:0;
 background:#f5f5f5;
}
header .navbar-default .navbar-nav li a {
 font-weight:400;
 text-transform:uppercase;
 letter-spacing:2px;
 font-size:1.5em;
 line-height:35px;
 color: #2367a2;
 font-weight:800;
}
.navbar-nav>li>.dropdown-menu {
 border:0;
 border-radius:0;
 padding:0
}
.navbar-right .dropdown-menu {
 right:auto;
 left:0;
 box-shadow:none
}
.navbar-right .dropdown-menu .dropdown-menu {
 left:160px;
 top:-2px;
 border:0;
 border-radius:0;
 padding:0
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
 background-color:#f66062
}
.theme-slider .carousel-control {
 width:5%;
 background:0
}
.theme-slider .carousel-inner .item img {
 width:100%
}
.theme-slider .carousel-inner .item .slide-caption {
 position:absolute;
 top:50%;
 width:100%;
 color:#fff;
 transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.theme-slider .carousel-inner .item .slide-caption h4 {
 color:#fff
}
.theme-slider .carousel-inner .item .slide-caption .summary {
 font-size:1.75em;
 font-weight:400;
 line-height:30px;
 margin-bottom:20px
}
.theme-slider .carousel-inner .item .slide-caption .summary p {
 margin:0
}
.theme-slider .carousel-inner .item .slide-caption .slide-caption-details {
 width:45%
}
.theme-slider .glyphicon-chevron-right:before,.theme-slider .glyphicon-chevron-left:before {
 display:none
}
.welcome {
 background:#fff;
 height:302px
}
.welcome div {
 height:100%
}
.welcome .message {
 background-color:#f66062;
 color:#fff;
 padding:30px;
 position:relative
}
.welcome .message h1 {
 position:absolute;
 top:50%;
 font-size:1.95em;
 transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.eq-blocks {
 margin-bottom:30px
}
.post-list .post-block {
 margin-bottom:30px;
 background-color:#fff;
 overflow:hidden;
 height:100%
}
.post-list .post-block .summary {
 padding:30px 30px 0 30px
}
.post-list .post-block img {
 transform:scale(1)
}
.post-list .post-block img:hover {
 transform:scale(1.07)
}
.post-info {
 font-size:.8em
}
.post-info a {
 margin-right:5px
}
.post-info ul {
 margin:0;
 padding:0;
 list-style:none;
 line-height:15px;
 float:left;
 width:100%
}
.post-info ul li {
 display:inline-block
}
.navigation.posts-navigation {
 clear:both
}
.scroll-top-wrapper {
 position:fixed;
 right:30px;
 bottom:30px;
 background-color:#f66062;
 color:#fff;
 border-radius:50%;
 width:30px;
 height:30px;
 text-align:center;
 cursor:pointer;
 opacity:.5
}
.scroll-top-wrapper:hover {
 opacity:1
}
footer {
 background-color:#2367a2;
 padding:15px 0;
 font-size:1.3em;
  color: #f5f5f5
}
footer .social a {
 font-size:15px
}
footer ul {
 margin:0
}
.page-title {
 margin-bottom:30px
}
.page-title h1 {
 font-size:2em;
 font-weight:400;
 color:#000;
 border-bottom:2px solid #f66264;
 display:inline-block
}
.comments-area {
 margin-top:30px;
 border-top:1px dotted #ccc;
 padding-top:30px
}
.comments-area h2 {
 margin-bottom:15px
}
.comments-area ol {
 margin:0;
 list-style:none
}
.comments-area ol.comment-list {
 padding:0
}
.comments-area ol.comment-list article {
 margin-bottom:15px;
 background:#fff;
 padding:15px;
 border-radius:5px
}
.comments-area footer {
 background:0;
 padding:0
}
.comments-area .comment-form label,.comments-area .comment-form input {
 display:block;
 font-weight:300
}
.comments-area .comment-form input,.comments-area .comment-form textarea {
 border:1px solid #ddd;
 border-radius:0;
 box-shadow:none;
 padding:10px;
 width:100%
}
.comments-area .comment-form .form-submit input {
 background:#f66264;
 color:#fff;
 text-transform:uppercase;
 letter-spacing:3px;
 border:0
}
.widget {
 margin-bottom:30px;
 padding:15px;
 background:#fff
}
.widget ul,.widget ol {
 margin:0;
 padding-left:15px
}
@media(max-width:991px) {
 h1 {
  font-size:1.8em;
  letter-spacing:.5rem
 }
 header .logo-tag h1 {
  font-size:2.0;
  margin-top:8px
 }
 header .logo-tag h2 {
  font-size:1.5em;
  letter-spacing:1px
 }
 .theme-slider .carousel-inner .item .slide-caption .summary {
  font-size:1.25em;
  line-height:20px
 }
 .welcome {
  height:358px
 }
}
@media(max-width:767px) {
 body {
  margin-top:73px
 }
 header .navbar-default .navbar-nav>li>a {
  padding-bottom: 5px;
  padding-top: 5px;
 }
 header .navbar-nav {
  display:block;
  margin-top:0
 }
 header .navbar-nav .dropdown-menu {
  margin-left:5px;
  display:none !important
 }
 header .navbar-nav .open .dropdown-menu {
  display:block !important
 }
 h4 {
  margin-bottom:10px
 }
 .logo-tag {
  margin-left:15px
 }
 .navbar-default .navbar-toggle {
  position:absolute;
  right:0;
  background:#f66062;
  border:0;
  top:12px;
 }
 .navbar-default .navbar-toggle .icon-bar {
  background-color:#fff
 }
 .navbar-default .navbar-collapse,.navbar-default .navbar-form {
  border:0
 }
 .main-search {
  display:none
 }
 .theme-slider .carousel-inner .item .slide-caption {
  position:static;
  background:#333;
  padding:15px 0;
  transform:translateY(0);
  -moz-transform:translateY(0);
  -webkit-transform:translateY(0);
  transform:translateY(0);
  height:155px
 }
 .theme-slider .carousel-inner .item .slide-caption .summary {
  font-size:1em;
  line-height:15px
 }
 .theme-slider .carousel-inner .item .slide-caption .slide-caption-details {
  width:100%
 }
 .theme-slider .carousel-control {
  display:none
 }
 .spacer {
  padding-bottom:30px
 }
 .welcome {
  height:inherit
 }
 .welcome .message {
  height:150px
 }
 .post-list .post-block {
  height:auto
 }
 ul {
  margin:0;
  padding-left:15px
 }
}
.greeting_text{
	font-size:18px;
	line-height: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.greeting-te{
  font-weight: 800;
}
.img-ob{
	 width: 100%;
  height: 300px;
  object-fit: cover;
padding:10px;
}
.business-y{
	font-weight: 600;
  font-size: 22px;
	padding:10px;
}

.business_d{
	font-size: 18px;
}
.img-obt {

    width: 100%;
    height: 550px;
    object-fit: cover;
    padding: 10px;

}

@media screen and (max-width: 480px) {

  
  .page_title{
  font-size: 30px;
  font-weight: 600;
  color: #f5f5f5
}
  
}

.page_title{
  font-size: 30px;
  font-weight: 600;
  color: #f5f5f5
}
.si-title {
  position: relative;
  padding: 5px 5px 5px 42px;
  background: #2D82CC;
  font-size: 20px;
  color: white;
  margin-left: -33px;
  line-height: 1.3;
  z-index:-1;
	margin-top:30px;
	margin-bottom:30px;
	font-weight: 400;
	letter-spacing: 10px;
}

.si-title:before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index:-2
}
.img-ob{
	 width: 100%;
  height: 300px;
  object-fit: cover;
padding:10px;
}
.business-y{
	font-weight: 600;
  font-size: 22px;
	padding:10px;
}

.business_d{
	font-size: 18px;
}
.img-obt {

    width: 100%;
    height: 550px;
    object-fit: cover;
    padding: 10px;

}



  
  .page_title{
  font-size: 30px;
  font-weight: 800;
  color: #f5f5f5;
  letter-spacing: 5px;
}
  
}

.page_title{
  font-size: 30px;
  font-weight: 600;
  color: #f5f5f5
}
.si-title {
  position: relative;
  padding: 5px 5px 5px 42px;
  background: #2D82CC;
  font-size: 20px;
  color: white;
  margin-left: -33px;
  line-height: 1.3;
  z-index:-1;
	margin-top:30px;
	margin-bottom:30px;
	font-weight: 400;
	letter-spacing: 10px;
}

.si-title:before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index:-2
}
    .sample-text1 {
        font-size: 20px;
        font-weight: bold;
        animation-name: fadein;
        animation-duration: 2s;
    }
    @keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
    }
	.honeycomb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  transform: translateY(34.375px);
  margin-bottom: 100px;
}
.honeycomb-cell {
  flex: 0 1 250px;
  max-width: 250px;
  height: 137.5px;
  margin: 65.4761904762px 12.5px 25px;
  position: relative;
  padding: 0.5em;
  text-align: center;
  z-index: 1;
}
.honeycomb-cell__title {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  hyphens: auto;
  word-break: break-word;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 2em;
  transition: opacity 350ms;
}

.honeycomb-cell__image {
  object-fit: cover;
  object-position: center;
}
.honeycomb-cell::before, .honeycomb-cell::after {
  content: '';
}
.honeycomb-cell::before, .honeycomb-cell::after, .honeycomb-cell__image {
  top: -50%;
  left: 0;
  width: 100%;
  height: 200%;
  display: block;
  position: absolute;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  z-index: -1;
}
.honeycomb-cell::before {
  background: #fff;
  transform: scale(1.055);
}
.honeycomb-cell::after {
  background: #ddd;
  opacity: 0.5;
  transition: opacity 350ms;
}
.honeycomb-cell:hover .honeycomb-cell__title {
  opacity: 0;
}
.honeycomb-cell:hover::before {
  background: #111;
}
.honeycomb-cell:hover::after {
  opacity: 0;
}
.honeycomb__placeholder {
  display: none;
  opacity: 0;
  width: 250px;
  margin: 0 12.5px;
}

@media (max-width: 550px) {
.honeycomb-cell {
  flex: 0 1 83px;
  max-width: 83px;
  height: 50.5px;
  margin: 10.4761904762px 12.5px 25px;
  position: relative;
  padding: 0.5em;
  text-align: center;
  z-index: 1;
}
  
  .honeycomb-cell:nth-child(3n) {
    margin-right: calc(50% - 83px);
    margin-left: calc(50% - 83px);
  }

  .honeycomb__placeholder:nth-child(3n + 5) {
    display: block;
  }
  }
  
  

@media (min-width: 550px) and (max-width: 825px) {

  .honeycomb-cell:nth-child(3n) {
    margin-right: calc(50% - 125px);
    margin-left: calc(50% - 125px);
  }

  .honeycomb__placeholder:nth-child(3n + 5) {
    display: block;
  }
}
@media (min-width: 825px) and (max-width: 1100px) {
  .honeycomb-cell:nth-child(5n + 4) {
    margin-left: calc(50% - 275px);
  }

  .honeycomb-cell:nth-child(5n + 5) {
    margin-right: calc(50% - 275px);
  }

  .honeycomb__placeholder:nth-child(5n), .honeycomb__placeholder:nth-child(5n + 3) {
    display: block;
  }
}
@media (min-width: 1100px) {
  .honeycomb-cell:nth-child(5n + 4) {
    margin-left: calc(50% - 275px);
  }

  .honeycomb-cell:nth-child(5n + 5) {
    margin-right: calc(50% - 275px);
  }

  .honeycomb__placeholder:nth-child(5n), .honeycomb__placeholder:nth-child(5n + 3) {
    display: block;
  }
}




/* Edge */

_:-ms-lang(x)::backdrop, .honeycomb-cell{
margin-bottom:100px;
}



  .main_imgBox {
    height: 90vh;
    overflow: hidden;
    position: relative; }

  .main_logo {
    z-index:11;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:auto;
    color: white;
    background: skyblue;
    font-size: 36px;
    line-height: 2;
    padding: 5px 10px;
    width: 100%;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
    box-shadow: 20px 20px 25px -10px;
    background: rgba(51,122,183,0.9);
    letter-spacing: 2px;
	font-weight:800;
}

  .main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
    height: 90vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite; }

    .main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }

  .main_imgM {
    opacity: 0;
    width:100%;
    height:100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 50s 0s infinite;
    animation: anime 50s 0s infinite; }

    .main_imgM:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_imgM:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_imgM:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_imgM:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_imgM:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }

@keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
         transform: scale(1.2);
                    z-index:9;
    }
    100% { opacity: 0 }
}

@-webkit-keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
         -webkit-transform: scale(1.2);
            z-index:9;
    }
    100% { opacity: 0 }
}

@media screen and (max-width: 896px){
  .main_logo {
    z-index:11;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:auto;
	font-size:100px;
    color: white;
    background: skyblue;
    font-size: 14px;
    line-height: 3;
    padding: 2px 5px;
    width: 100%;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
    box-shadow: 20px 20px 25px -10px;
    background: rgba(51,122,183,0.9);
}
}