html{
  animation-name: none;
animation-duration: 0s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: none;
backface-visibility: visible;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
border-bottom: 0;
border-bottom-color: currentColor;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-style: none;
border-bottom-width: medium;
border-collapse: separate;
border-color: currentColor;
border-image: none;
border-left: 0;
border-left-color: currentColor;
border-left-style: none;
border-left-width: medium;
border-radius: 0;
border-right: 0;
border-right-color: currentColor;
border-right-style: none;
border-right-width: medium;
border-style: none;
border-spacing: 0;
border-top: 0;
border-top-color: currentColor;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-style: none;
border-top-width: medium;
border-width: medium;
bottom: auto;
box-shadow: none;
box-sizing: content-box;
caption-side: top;
clip: auto;
clear: none;
column-fill: balance;
column-count: auto;
column-gap: normal;
column-rule-color: currentColor;
column-rule-style: none;
column-rule-width: none;
column-span: none;
column-width: auto;
content: normal;
counter-increment: none;
counter-reset: none;
cursor: auto;
direction: itr;
display: inline;
empty-cells: show;
float: none;
font-size: medium;
font-size-adjust: none;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
hyphens: manual;
left: auto;
letter-spacing:  normal;
line-height: normal;
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
opacity: 1.0;
orphans: 2;
outline-color: invert;
outline-offset: 0;
outline-style: none;
outline-width: medium;
overflow: visible;
overflow-x: visible;
overflow-y: visible;
padding: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
perspective: none;
perspective-origin: 50% 50%;
position: static;
resize: none;
right: auto;
table-layout: auto;
tab-size: 8;
text-align: start;
text-align-last: auto;
text-decoration-color: currentColor;
text-decoration-line: none;
text-decoration-style: solid;
text-indent:  0;
text-overflow: clip;
text-rendering:  auto;
text-shadow: none;
text-transform: none;
top: auto;
transform: none;
transform-origin: 50% 50% 0;
transform-style: flat;
transition-delay: 0s;
transition-duration: 0s;
transition-property: all;
transition-timing-function: ease;
unicode-bidi: normal;
vertical-align: baseline;
visibility: visible;
white-space: normal;
widows: 2;
width: auto;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
z-index: auto;
animation: none;
background: none;
border: none;
columns: auto;
column-rule: none;
font: normal;
list-style: none;
outline: 0;
text-decoration: none;
transition: none;
color: inherit;
font-family: inherit;
}
:root{
  --main-color: #3949AB;
  --key-color:#333;
  --accent-color:#222;
}
body{
  font-family: "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meryo, "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  overflow-x:hidden;
  padding: 0;
  margin: 0;
}
.page-template-page-nosidebar .container article,
.page-template-page-nosidebar-php .container article{padding-top: 70px;margin: 0;}
.container {padding-bottom:0px;position:relative;z-index: 10;}
.archive_wrap ul#bread_crumb{
    margin: 0 0 0;
    /* background-color: var(--main-color); */
    /* background-image: url(https://www.transparenttextures.com/patterns/dark-mosaic.png); */
    background-size: inherit;
    padding: 18px 0 14px;
}
.archive_wrap #bread_crumb, .single_wrap #bread_crumb{
    /* background-color: var(--main-color); */
    /* background-image: url(https://www.transparenttextures.com/patterns/dark-mosaic.png); */
    background-size: contain;
}
.archive_wrap #bread_crumb:before, .archive_wrap #bread_crumb:after,
.single_wrap #bread_crumb:before, .single_wrap #bread_crumb:after{
  border-bottom:none;
}
#bread_crumb li{
  font-size: 0.85rem;
  color: #222;
  font-weight: bold;
  display: inline-block;
  /*min-width: 110px;*/
}
#bread_crumb li a{
  color: #222;
}
#bread_crumb li.home a:before{
  color:#222;
}
.romaji {/* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; */font-size: 110%;font-weight: bold;line-height: 3em;color:#222;color: var(--main-color);}
.serif {
font-family: "Avenir Next", 'Quicksand', Arial, YuGothic, 'Yu Gothic','MS Gothic', }

.animated {
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
}
a img { opacity: 1; -webkit-transition: opacity .35s; -moz-transition: opacity .35s; -o-transition: opacity .35s; transition: opacity .35s; }
a:hover img { opacity: 0.75; }
.img-responsive_center { margin:0 auto; }
a {-webkit-transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-ms-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
a:hover { text-decoration:none; }

.no-padding-left{ padding-left:0px; }
.no-padding-right{ padding-right:0px; }

/*
    SIDEBAR
*/

.no-right-padding{
    font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Meiryo UI, 'ＭＳ Ｐゴシック';
    border-left: dotted 1px #eee;
}
.sidebar-padder {
  width:100%;
  max-width: 300px;
  padding:0;
}
.sidebar-padder ul, .sidebar-padder ol {margin:0;padding:0;background: #f5f5f5;border-radius: 0 0 3px 3px;}

.sidebar-padder aside{
    margin: 5px 0 10px;
}
.sidebar-padder aside form{}
.sidebar-padder aside form label{}
.sidebar-padder aside form label .input-group{}
.sidebar-padder aside form label .input-group input[type="search"]{
    font-size: 1.25rem;
    padding: 10px 10px 10px;
    height: 3rem;
    border-radius: 6px;
    background: #fff;
    border: solid 2px #f5f5f5;
    width: 133%;
    width: calc(100% + 73px);
}
.sidebar-padder aside form label .input-group input[type="search"]:focus{
  box-shadow:0 0 10px rgba(0, 0, 0, 0.15);
  border: solid 2px #222;
  border: solid 2px var(--main-color);
}
.sidebar-padder aside form .input-group-btn{}
.sidebar-padder aside form .input-group-btn button{
    background: transparent;
    padding: 2px 20px 2px;
    border: solid 5px transparent;
    border-radius: 0 5px 5px 0;
    margin: 0px 0 0px;
}

.input-group *{
  border-radius:0px;
  font-size: 1.5rem;
  color: #333;
}

.search-form input[type='search']{
  box-shadow:none;
  background: #fbfbfb;
  border: solid 3px #eee;
  padding: 10px 10px 10px;
  margin: 0 0 0;
  width: 100%;
}

.search-form .btn{
  border-right:1px solid transparent;
  border-left:1px solid transparent;
  background:#9A9A9A;
  color:white;
}

.widget-title{
  background-color:#222;
  background-color: var(--main-color);
  color: #fff;
  font-size:16px;
  padding:16px;
  font-weight:bold;
  margin-bottom: 0px;
  margin-top: 0;
  border: solid 1px #eee;
}

.widget .nav li a{
  color: #333;
  padding: 12px 10px 12px 15px;
  background: transparent !important;
  font-size: 0.85rem;
  font-weight: bold;
  transition: .25s;
}
.widget .nav li a .thumb-side{
    display: inline-block;
    width: 80px;
    vertical-align: top;
}
.widget .nav li a .thumb-side img{
    width: 70px;
    height: auto;
}
.widget .nav li a span.post-date{
  text-align: right;
  color: #555;
  font-size: 0.70rem;
  font-weight: normal;
  width: 100%;
  display: block;
  border-bottom: solid 0px #eee;
  margin: 5px 0 0px;
  padding: 0 0 0px;
}
.widget .nav li a .text-data{
    width: 55%;
    width: calc(100% - 85px);
    display: inline-block;
    font-size: 0.70rem;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.widget .nav li:hover a{
  background:#fff !important;
}
.widget a:hover{
  text-decoration: underline;
}

/* recent widget*/
.widget_my_recent_entries{}
.widget_my_recent_entries li{
  margin-bottom: 25px;
}
.widget_my_recent_entries a{
  color: #000;
  text-decoration: none;
}
.widget_my_recent_entries .thumb{
  width: 90px;
  height: 90px;
  float: left;
  margin-right: 15px;
}
.widget_my_recent_entries .date{
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  line-height: 180%;
}
.widget_my_recent_entries .excerpt{
  margin: 0;
  line-height: 180%;
  font-size: 14px;
  font-weight: normal;
}

/* styled post list1 */
.styled_post_list1{}
.styled_post_list1 li{
  margin-bottom: 25px;
}
.styled_post_list1 li a{
  line-height: 180%;
  font-size: 14px;
  font-weight: normal;
  color: #000;
}

.styled_post_list1 li a.title{
  font-weight: bold;
}
.styled_post_list1 li .excerpt { margin-top: .3em;}

/* styled_post_list2 */
.styled_post_list2 li{
	margin: 0;
	padding: 5px 5px;
	list-style: none;
	border-top: solid 8px #fff;
}
.styled_post_list2 .image{
	display: block;
	float: left;
	width: 30%;
	margin-right: 10px;
}
.styled_post_list2 .title{
	margin: 0 5px 0 0px;
    min-height: 60px;
    height: auto;
    line-height: 1.40;
    font-size: 12.5px;
    font-weight: bold;
}
.styled_post_list2 .title a{
	color: #3f51b5;
    color: var(--main-color);
}
.styled_post_list2 a{
  color: #555;
}
.styled_post_list2 .excerpt {
	display: block;
    margin-top: .4em;
    line-height: 160%;
    font-size: 11px;
    margin: 0 0px 0;
    padding: 6px 5px 2px;
    border-top: solid 1px #ddd;
}
.dateandcate { margin:15px 0 3px; padding:0; font-size:12px; font-weight:bold; line-height:100%; }
.dateandcate i, .styled_post_list2 p.date i { margin-right:.25em; }
.dateandcate span:first-child { padding-right:8px; }
.dateandcate span:nth-child(2) { border-left:1px solid #222; padding-left:12px; }
.dateandcate .date, .styled_post_list2 p.date { font-family:Arial,sans-serif; font-size:14px; font-weight:bold; line-height:1.2; }

.styled_post_list2 p.date { margin:3px 0 5px; }
.dateandcate .cate a { font-size:12px; color:rgb(0,0,0); font-weight:bold; }
.dateandcate .cate a:hover { text-decoration:none; }

body .page-title:before,
body .page-title:after{
  background-color: #222;
  background-size: contain;
  content: "";
  position: absolute;
  width: 100vw;
  height: 100px;
  right: 0;
  top: 0;
  z-index: -1;
  background-color: var(--main-color);
  background-image: url("https://www.transparenttextures.com/patterns/dark-mosaic.png");  /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
  background-size: inherit;
}

/* recent widget */
.widget_recent_entries{
}
.widget_recent_entries li{
  margin: 0px 0px;
  background: #fff;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.11);
  border: solid 1px #eee;
  border-top: none;
}
.widget_recent_entries li a:hover{
  text-decoration: underline;
}
.widget_recent_entries li span.post-date{
  font-size: 0.70rem;
  color: #3949ab;
  text-align: right;
  display: block;
  padding: 0 10px 5px;
}
/* ml_ad_widget */
.ml_ad_widget{text-align: center;}
.ml_ad_widget a:hover img{opacity: 1;}

/* post_list animation */
.styled_post_list1 .image, .styled_post_list2 .image { background: #fff; display:block; overflow:hidden; }
.styled_post_list1 .image img, .styled_post_list2 .image img {border-radius:0; width: 100%; height: auto; display:block; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; transition: all .35s ease-in-out; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.styled_post_list1 .image:hover img, .styled_post_list2 .image:hover img {
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: brightness(70%);
}

/*
    HEADER SECTION
*/
.blog #agent-header-outer{
    /* box-shadow: 0 0 6px #eee; */
}
#agent-header-outer{
  position:absolute;
  left:0px;
  top:0px;
  width: 100vw;
  background: rgba(255,255,255, .985);
  z-index:9999;
  border-bottom: solid 0px #f5f5f5 !important;
  border-top: solid 3px var(--main-color);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

#logo_text h1#logo{
  font-size: 14px;
  display: table-cell;
  height: 70px;
  vertical-align: middle;
  width: 100%;
  display: inline-block;
}

#logo_text h1#logo a{
    /* background: url(http://grasswonder.geese-h.com/dev/wordpress/other/bloom-consul.co.jp/wp-content/themes/agent_tcd033/img/common/bloom.svg) left 10px; */
    background-size: 100%;
    color: transparent;
    width: 120%;
    display: block;
    height: inherit;
    background-repeat: no-repeat;
}

#logo_image{
  display:table;
  margin-top: 0px;
  width:100%;
  max-width: 250px;
  height: 100px;
}

#logo_image h1#logo{
  display:table-cell;
  vertical-align: middle;
}

#logo_image h1#logo img{
  max-width: inherit;
  width: 100%;
}

.logo-wrap{
  z-index:4000;
}



.copyright{
  color: #bbb;
  height: 50px;
  line-height: 60px;
}
/*.logo{
  border-left:15px solid transparent;
  height:90px;
  background-clip:padding-box;
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}*/

.agent-header-menu{
  min-height: 100px;
}

.agent-header-menu, .footer-menu{
  text-transform: uppercase;
  font-size: 16px;
  font-family:'arial';
  font-weight: bold;
}

.footer-menu a{
  color:black;
  background:transparent !important;
}

.link-button-azure_top, .link-button-azure_btm {
  z-index:2000;
  border-radius: 5px;
  position:relative;
  right: 5px;
  display:inline-block;
  margin: 25px 0 10px 0;
  color:white;
  font-size:16px;
  font-weight:700;
  background-color:#333;
  background-color:var(--main-color);
  padding: 14px 20px 12px;
  cursor:pointer;
  white-space:nowrap;
  vertical-align:middle;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  box-shadow: 0 0 4px #333;
  box-shadow: 0 0 4px var(--main-color);
  position: relative;
}
@media screen and (max-width:1200px) {
  .link-button-azure_top, .link-button-azure_btm {
    right:0px;
    margin:32px 0 0 0;
  }
}
.link-button-azure_btm { right:0; left:0; }
.link-button-azure_top:hover, .link-button-azure_btm:hover { color:#fff; background:#2C73AB; }

/* Icon Next Sink */
@keyframes hvr-icon-next-sink {
  100% {
    -webkit-transform: rotate(45deg) translate(6px,-6px) ;
    transform: rotate(45deg) translate(6px,-6px);
  }
}
@-webkit-keyframes hvr-icon-next-sink {
  100% {
    -webkit-transform: rotate(45deg) translate(6px,-6px);
    transform: rotate(45deg) translate(6px,-6px);
  }
}
@keyframes hvr-icon-next {
  0% {
    -webkit-transform: rotate(45deg) translate(6px,-6px);
    transform: rotate(45deg) translate(6px,-6px);
  }

  50% {
    -webkit-transform: rotate(45deg) translate(2px,-2px);
    transform: rotate(45deg) translate(2px,-2px);
  }

  100% {
    -webkit-transform: rotate(45deg) translate(6px,-6px);
    transform: rotate(45deg) translate(6px,-6px);
  }
}
@-webkit-keyframes hvr-icon-next {
  0% {
    -webkit-transform: rotate(45deg) translate(6px,-6px);
    transform: rotate(45deg) translate(6px,-6px);
  }

  50% {
    -webkit-transform: rotate(45deg) translate(2px,-2px);
    transform: rotate(45deg) translate(2px,-2px);
  }

  100% {
    -webkit-transform: rotate(45deg) translate(6px,-6px);
    transform: rotate(45deg) translate(6px,-6px);
  }
}
.arrow_ico1, .arrow_ico2 {
  /* display: none; */
  position: absolute;
  right:20px;
  top: 55%;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.arrow_ico2 {
  right:30px;
  width:20px;
  height:20px;
  margin-top:-10px;
}
.link-button-azure_top .btn_lavel, .link-button-azure_btm .btn_lavel { margin-right:25px;}
a:hover .arrow_ico1, a:focus .arrow_ico1, a:active .arrow_ico1,
a:hover .arrow_ico2, a:focus .arrow_ico2, a:active .arrow_ico2 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation-name: hvr-icon-next-sink, hvr-icon-next;
  animation-name: hvr-icon-next-sink, hvr-icon-next;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
.big{
  font-size:22px;
  color:white;
  padding: 17px 30px 15px 30px;
}

.button a, .pager li>a, .pager li>span{
  border:0px solid transparent;
  border-radius:0px;
  position:relative;
  cursor:pointer;
  background:rgb(245,245,245);
  color:black;
  display:inline-block;
  padding:10px 18px 10px 18px;

  -webkit-transition:background 300ms;
  -moz-transition:background 300ms;
  -o-transition:background 300ms;
  transition:background 300ms;
}

.read-more, .archives_btn{
  display:inline-block;
  background:#aaaaaa;
  font-weight:400;
  color:white;
  font-size: 1.05em;
  margin-top:15px;
  vertical-align:middle;
  padding:12px 24px 10px;
  cursor:pointer;
  transition:.5s;
  line-height: 2em;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}
.read-more:hover, .archives_btn:hover{
  background:#333;
}
.archives_btn{
  margin: 30px 0 20px;
  padding: 12px 10px 10px;
  font-size: 16px;
  font-weight: bold;
  background: #eee;
  border: solid 0px #ccc;
  color: #606564;
  width: 25%;
  border-radius: 5px;
  box-shadow: 0px 1px 5px rgba(158, 158, 158, 0.15);
}
.archives_btn:hover{
    border: solid 0px #fff;
}
.read-more:hover, .archives_btn:hover { background:#3FA6F5; color:white; }

/*
    HEADER MENUS
*/


.navbar-nav > .menu-item > a{
  margin-top: 0px;
  background:none;
}
.navbar-nav > .current-menu-item > a{
  color:#333;
  color: var(--main-color);
}

.navbar-default .navbar-nav>li>a{
  color:black;
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  margin: 25px 0 0;
}

.caret{
  display:none;
}

.menu-item a:hover, .current-menu-item *{
  color: #fff;
}

.dropdown-menu {
  background-color:#54ACF1;
  color: white;
  padding:0px;
  border:none;
  border-radius:0px;
}

.dropdown-menu li{
  margin-top:0px;
  /* border-top: solid 1px #eee; */
  /* border-bottom: solid 1px #eee; */
  padding: 5px 0px 5px;
  display: block;
}

.dropdown-menu li a{
  margin-top:0px;
  padding:14px 20px 14px 20px;
  color:white;
}

.dropdown-menu li a:hover{
  color: #fff !important;
}

.dropdown-menu .menu-item:hover *{
  background:#235E9C;
}

.dropdown-menu .active a {
  background-color: transparent;
}

.navbar-default{
  background: transparent;
  border:0px solid transparent;
}

.navbar-toggle{
  border:0px solid transparent;
  margin-top:34px;
  width: 42px;
  margin-right: 10px !important;
}

@media (max-width: 1200px) {
  #logo_image{
    margin-top:0px;
  }

  #main-menu{
    padding-bottom:20px;
  }
  #main-menu>li{
    border-bottom: solid 2px #f7f7f7;
    padding: 0 0 0px;
    width: 100%;
  }
  #main-menu>li>a{
    padding: 20px 1em 20px;
    margin: 0 0 0;
  }
  #main-menu>li>ul{
    margin: 0;
}
  #main-menu>li>ul li{
    margin: 0 auto 10px;
    width: 95%;
    padding: 6px 0 6px;
    background: #f5f5f5;
    border-bottom: solid 2px #fff;
    text-indent: 0;
    border-radius: 50em;
}
  #main-menu>li>ul li a{}
}

/*@media (min-width: 1200px) { 768*/
  .dropdown-menu {
/*
    opacity:0;
    pointer-events: none;
    display:block;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
*/
  }

  .dropdown:hover .dropdown-menu {
/*
    opacity:1;
    pointer-events:auto;
    margin-top: 0;
*/
  }
/*}*/


@media (max-width: 1199px) {
  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: black;
  }

    .navbar-nav{
      padding-top:50px;
    }

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        /* float: none; */
        /* border: solid 5px #f5f5f5; */
        /* padding: 0 0 30px; */
        margin: 0 16px 0px 0;
        /* background: #fff; */
    }
    .navbar-nav>li>a {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 1;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
        height: 100vh;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .menu-item { margin-top: 24px;}
    .navbar-nav>li>.dropdown-menu { margin-top: 12px; margin-bottom: 16px; }
    .dropdown-menu li a { padding: 10px 2em; }
}






/*
    SPLASH
*/

#top{
  position:relative;
  background: #000000;
  overflow: hidden;
}
#top:after{
  content:"";
  /* background-color: rgb(0, 0, 0); */
  /* background: url(/img/movie/pattern.png) repeat rgba(3, 23, 80, 0.4) top left; */
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0px;
  z-index: 0;
  background-size: initial;
}
#top>video{
    position: absolute;
    z-index: 0;
    min-width: 100vw;
    width: auto;
    min-height: 100%;
    opacity: 0.5;
    background-size: cover;
}
#top canvas{
  position: absolute;
  z-index: 1;
  opacity: .15;
}
.no-pointer-events{
  pointer-events: none;
  -webkit-pointer-events: none;
  z-index: 10;
}

.splash-image{
  width:100%;
  position:absolute;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0;
}

#agent-splash-text{
  text-align: center;
  color:white;
  opacity:1;
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}

.agent-splash-text-h2 {
  font-size: 8.25rem;
  font-weight: bold;
  line-height: 1.0;
  font-family: meiryo,Hiragino,Arial,sans-serif;
  z-index: 20;
  position: relative;
  font-family: 'Open Sans', Arial, Roboto, "Droid Sans", "Yu Gothic", YuGothic,'Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Sans Japanese", "Noto Sans CJK JP", Meiryo, sans-serif;
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.translated-right{
  opacity:0 !important;
  -ms-transform: translate(0px,60px);
  -webkit-transform: translate(0px,60px);
  transform: translate(0px,60px);
}

.opaque{
  opacity:0 !important;
}

/* Bounce */
@-moz-keyframes bounce{
  0%,100%,20%,80%{
    -moz-transform:translateY(0);
    transform:translateY(0)}40%,
    50%{
      -moz-transform:translateY(-10px);
      transform:translateY(-10px);
    }
  }@-webkit-keyframes bounce{0%,100%,20%,80%{
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }40%,50%{
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px);
  }
}@keyframes bounce{
  0%,100%,20%,80%{
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }40%,50%{
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px);
  }
}
.bounce {
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  animation: bounce 4s infinite;
}

.next-button {
  display:block;
  height: 70px !important;
  width: 350px !important;
  position: absolute;
  z-index: 10;
  left:0;
  right:0;
  bottom:60px;
  background: transparent !important;
  color:#3fa6f5;
  text-align:center;
  border-radius:100px;
  cursor:pointer;
  font-size: 16px;
  letter-spacing:-.05em;
  padding-top: 0;
  margin-left:auto;
  margin-right:auto;
  box-sizing: border-box;
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  animation: bounce 4s infinite;
  box-sizing: border-box;
}
.next-button:after {
  position: absolute;
  top: 80%;
  left: 52%;
  content: '';
  width: 15px;
  height: 15px;
  margin: -10px 0 0 -10px;
  border-left: 3px solid #3FA5F5;
  border-bottom: 3px solid #3FA5F5;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
  display: none;
}

.next-button:hover, .next-button:hover:after { color:#2C73AB; border-color:#2C73AB; }
#section-two {
  margin-top:-112px !important;padding-top:112px !important;background-color: var(--main-color);
  /* background-image: url(/img/common/pattern.png); */
  background-size: inherit;padding: 0 0 0;
}



/*
    SECTIONS
*/

.section{
  padding-top:80px;
  padding-bottom: 50px;
  text-align:center;
}
.section.container-fluid{
    background: #f5f5f5;
    padding: 20px 0px;
    width: 100%;
    position: relative;
    max-width: 100vw;
}
.section.container-fluid .row{
  margin:0;
}
.section-small{
  padding-top:80px;
}
body .section-two_circle_img {
    width: 300px;
    margin: 0px 0 0px;
    filter: contrast(130%) saturate(90%);
    border-radius: 100%;
    margin: 0px 0;
    /* -webkit-clip-path: polygon(5% 15%, 100% 15%, 150% 85%, 5% 85%, 0% 75%, 0% 25%); */
    /* clip-path: polygon(5% 15%, 100% 15%, 150% 85%, 5% 85%, 0% 75%, 0% 25%); */
}
#section-two div.text-center{
    width:100%;
    background: transparent;
    margin: 0px 0 0;
    padding: 0 0 0 !important;
}
#section-two div.text-center h3{
    font-size: 3.65rem;
    font-family: 'Open Sans', Arial, Roboto, "Droid Sans", "Yu Gothic", YuGothic,'Pro W3', 'Hiragino Kaku Gothic';
    font-family: 'Open Sans', Arial, Roboto, "Droid Sans", "Yu Gothic", YuGothic,'Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
}

div.text-center.returntop{
    position: relative;
    display: block;
    background: #2a2f35;
}
body div:last-child{}

.section div.text-center{
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff) 25%;
    margin: 0 1% 30px;
    padding: 0 0% 30px !important;
    width: 30%;
    width: calc((100% / 3) - 2%);
    transition:.5s;
}

#section3_bg .section div.text-center:hover{
  box-shadow:0 10px 10px 0px rgba(187, 187, 187, 0.15);
  transform: translateY(-3px);
}
.circleimages{
	display:block;
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
	/* border-radius:100%; */
	width: 100%;
	height: 200px;
	-webkit-transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
	border: solid  0px #f5f5f5;
}
.circleimages a{
  background:#000;
}
.circleimages:after{
  content:"";
  animation: rotation 25s infinite linear;
  /* border: 2px dashed rgba(255, 255, 255, 0.3); */
  /* position: absolute; */
  /* width: 290px; */
  /* height: 290px; */
  /* top: -10px; */
  /* left: -10px; */
  /* border-radius: 50%; */
  /* transition:.5s; */
}
.text-center:hover .circleimages:after{
  width: 250px;
  height: 250px;
  top: 10px;
  left: 10px;
}
@keyframes rotation {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.circleimages img {width: fit-content;height: 290px;over;display:block;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .35s ease-in-out;-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);/* border-radius:100%; */object-fit: cover;}
.text-center:hover .circleimages img{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);filter: brightness(50%);background-color: #000;}


.carousel_images{
	display:block;
	margin:0 auto;
	overflow:hidden;
	border-radius:100%;
	width:89%;
	height:89%;
	-webkit-transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.carousel_images img { width: 100%; height: auto; display:block; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; transition: all .35s ease-in-out; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); border-radius:100%; transform: scale(1.15);}
.carousel_images:hover img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.section p.lead{
  color:rgb(90,90,90);
  line-height: 40px;
}

.section p{
  color: #777;
  line-height: 180%;
  font-size: 0.85em;
  padding: 0px 1.5em 10px;
  background: transparent;
  margin: 0;
}

.headline, .headline2, .section h1, .recruit-splash h1, .section h2 {
  margin: 0 0 10px;
  color:#000;
  font-size: 38px;
  line-height: 200%;
  font-weight: 700;
}
.headline2 { display:block; line-height:140%; letter-spacing:-.02em; }
.section-two-h3 {
  margin: 100px 0 0 !important;
  font-family:"Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Sans Japanese", "Noto Sans CJK JP", Meiryo, sans-serif;
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', YuGothic, Verdana, 'メイリオ', Meiryo, Helvetica, 'ＭＳ Ｐゴシック', sans-serif;
  /* font-style: italic; */
  letter-spacing: 1.5px;
  font-size: 55px;
  line-height: 180%;
  font-weight: 700;
  font-feature-settings: "palt";
  /* letter-spacing:-.05em; */
  /* text-shadow: #f2f2f2 -1px 1px 0, #f2f2f2 -2px 2px 0, #f2f2f2 -3px 3px 0, #f2f2f2 -4px 4px 0, #f2f2f2 -5px 5px 0, #f2f2f2 -6px 6px 0, #f3f3f3 -7px 7px 0, #f3f3f3 -8px 8px 0, #f4f4f4 -9px 9px 0, #f4f4f4 -10px 10px 0, #f5f5f5 -11px 11px 0, #f6f6f6 -12px 12px 0, #f6f6f6 -13px 13px 0, #f7f7f7 -14px 14px 0, #f7f7f7 -15px 15px 0, #f8f8f8 -16px 16px 0, #f9f9f9 -17px 17px 0, #f9f9f9 -18px 18px 0, #fafafa -19px 19px 0, #fafafa -20px 20px 0, #fbfbfb -21px 21px 0, #fcfcfc -22px 22px 0, #fcfcfc -23px 23px 0, #fdfdfd -24px 24px 0, #fdfdfd -25px 25px 0, #fefefe -26px 26px 0, #fff -27px 27px 0; */
  color: #ffffff;
}

.section3-h5{
  margin:30px 0 20px;
  font-size: 26px;
  line-height:160%;
  letter-spacing:0;
  font-weight: 700;
  font-family: ´ ProN W3', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', YuGothic, Verdana, Meiryo, Helvetica,sans-serif;
}
.recruit-splash h1 { color:#fff; }
.section h2 { margin:30px 0 20px; font-size:40px; line-height:160%; letter-spacing:0; }
.catch, .catch2 { margin:0 0 20px; color:#000; font-size:24px; font-weight:700; line-height:140%; }
.liner {font-size:40px;margin-top:28px;margin-bottom:3px;font-family: 'Open Sans', Arial, Roboto, "Droid Sans", "Yu Gothic", YuGothic,'Pro W3', 'Hiragino Kaku Gothic Pro',Meiryo,sans-serif;color: #2d4240;}
#search{
    background: #f5f5f5;
    margin: 0 0 30px;
    border-radius: 2px;
}
#search form{
    padding: 12px 10px;
    vertical-align: top;
}
#search form p{
    font-size: 1.5rem;
}
#search form input[type="text"]{
    border: solid 2px #eee;
    box-shadow: 0 0 6px #eee;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    max-width: 30%;
    padding: 10px 10px 10px;
    line-height: 1.5;
}
#search form input[type="submit"]{
    border: solid 1px #333;
    border: solid 2px var(--main-color);
    box-shadow: 0 0 8px #ddd;
    border-radius: 4px;
    background: #333;
    background: var(--main-color);
    color: #fff;
    font-size: 17px;
    padding: 11px 6% 9px;
    transition: .5s;
}
#search form input[type="submit"]:hover{
  background:#222;
}
#search form select{
    font-size: 1.0rem;
    max-width: 30%;
    padding: 8px 10px 14px;
    border: solid 3px #eee;
    border-radius: 6px;
}
#search form select#cat{
    max-width: 25%;
    padding: 10px 8px 12px;
    line-height: 1.5;
}
#search form select#tag{
	max-width: 25%;
    padding: 10px 8px 12px;
    line-height: 1.5;
}

#section3_bg .liner h4{}
.desc1{
  line-height:220%;
  margin: 60px 5% 100px;
  font-weight:400;
  color: #fff;
  font-size: 100%;
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', YuGothic, Verdana, 'メイリオ', Meiryo, Helvetica, 'ＭＳ Ｐゴシック', sans-serif;
  text-align: left;
}
.desc2{
  line-height: 200%;
  margin: 20px 6% 0px;
  font-size: 100%;
  /* font-weight: bold; */
  min-height: 60px;
  color:#333;
  color: var(--main-color);
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', YuGothic, Verdana, 'メイリオ', Meiryo, Helvetica, 'ＭＳ Ｐゴシック', sans-serif;
  font-weight: bold;
}
.section6 {
  padding:0 40px 0 40px;
  margin-bottom:80px;
}

.separator, .separator2, .separator3 {
  padding-top:260px;
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body .separator{
  background: transparent;
  padding-top: 60px;
}
body .separator .title{
    background: transparent;
    border: none;
}
#section3_bg .separator{
  background:transparent;
}

.separator2 { padding-top:0; margin-top:100px; margin-bottom:80px; }
.separator3 { height:390px; padding-top:0;font-weight:700;}
.separator .title, .separator2 .title, .separator3 .title {
  padding-bottom:20px;
  /* background:rgba(40,40,40, .5); */
  color:white;
  padding: 20px 0 30px;
  /* border-bottom: solid 1px #eee; */
  /* border-top: solid 1px #eee; */
  box-shadow: inset 0px -100px 100px 0px rgba(0, 0, 0, 0.5);
}
.separator2 .title {
  margin-bottom:180px;
}
.separator3 .title, .separator3 p.headline2 {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background:none;
}
.separator3 .title h1 { font-weight:bold; }

.top_content4_post img{
  border-radius: 0;
}





.staff-interview {
  background-color:rgb(245,245,245);
  padding:10px;
}

.staff-interview .read_copy {margin:0;font-size: 18px;font-weight: bold;padding:5px 20px 5px 10px;line-height:160%;}
.staff {position:relative;ma;margin: 10px 0px 10px;padding: 15px 20px 10px;font-weight: bold;background: transparent !important;font-size: 1.65em;}
.department { font-size:15px; }
.name {font-size: 30px;}

.recruit-splash{
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: none;
}

/* staff single */
.staff_name{height:80px; padding:15px 25px; color:#fff; background:#000; line-height:1; }
.staff_info { margin:0; font-size:24px; font-weight:400;}
.staff_info span { display:block; font-size:14px; margin-bottom:10px;}

.staff_column_margin{
  margin-bottom: 80px;
}

/* staff archive */
.taff_archive_thumbnail{}
.staff_archive_contents{
  text-align: center;
}
.staff_archive_name{
  font-size: 24px;
  font-weight: bold;
  margin: 25px 0 5px;
  color: #000;
}
.staff_archive_post{
  font-size: 14px;
  color: #000;
}
.staff_archive_text{
  text-align: left;
  line-height: 220%;
  color: #525252;
}


/* contact page */
.form_page_h2{
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #bbb;
  margin: 0 0 30px;
}
.form_page_container{
  border: solid 1px #ddd;
  padding: 50px 65px;
}
.form_wrapper{
  background: #f7f7f7;
  padding: 80px 0 60px;
}

.form_table td, .form_table th{
  vertical-align: middle!important;
  color: #525252;
  font-weight: normal;
}
.form_table th{
  background: #EBF6FE;
  border-right: none;
  font-weight: normal;
}
.form_table td{
  padding: 12px 15px!important;
  background: #fff;
  border-left: none;
}
.form_table td label{
  font-weight: normal;
}
.form_table td input[type="text"] {
  width: 60%;
  background: #F7F7F7;
}
.form_table td textarea{
  width: 80%;
  background: #F7F7F7;
}
.form_table td.form_title {
  background: #3FA5F5;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  height: 65px;
  vertical-align: middle;
}

.form_table td.confirm_td{
  border: solid 1px #F7F7F7;
  background: none;
  padding: 25px!important;
}

.form_table .btn-primary{
  font-size: 22px;
  font-weight: bold;
  border: none;
  background: #3FA5F5;
  border-radius: 0;
  height: 65px;
  width: 300px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.form_table .btn-primary:hover{
  background: #3775A8;
}

.form_table .btn-default{
  font-size: 22px;
  font-weight: normal;
  background: #fff;
  border-radius: 0;
  height: 65px;
  width: 300px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.form_table .btn-default:hover{
  background: #F7F7F7;
}

#conversion{
  display: none;
}


/*
    BLOG
*/

/* archive post list */
.archive_wrap{margin-bottom: 10px;margin-top: 100px;}
.entry-date { font-family:Arial,sans-serif; font-size:1em; font-weight:bold; line-height:1.2; }

.blog-item {
  margin-bottom:30px;
  background-color: #ffffff;
  /* background: linear-gradient(rgba(255, 255, 255, 0), #fafafa); */
  text-align:left;
  overflow: hidden;
  transition:.5s;
  height: 380px;
}
.archive .blog-item,
.category .blog-item{
    font-size: 0;
}
.blog-item:hover{
  /*   box-shadow:0 2px 10px 0px rgba(0, 0, 0, 0.05); */
  background: #f1f1f1;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 0 5px #eee;
  transform: translateY(-3px);
}
.blog-item .post-image {background: #000;display:block;overflow:hidden;max-height: 180px;}
.blog-item .post-image img { border-radius:0; width: 100%; height: auto; display:block; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; transition: all .35s ease-in-out; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.archive .blog-item .post-image,
.category .blog-item .post-image{
	/*width: 40%;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;*/
}
.archive .blog-item .post-title,
.category .blog-item .post-title{
	width: 60%;
    display: inline-block;
    padding: 15px 20px 0;
    box-sizing: border-box;
    vertical-align: top;
    font-size: initial;
    text-align: right;
}
.archive .blog-item .post-title i,
.category .blog-item .post-title i{}
.archive .blog-item .post-title time,
.category .blog-item .post-title time{}
.archive .blog-item .post-title h3,
.category .blog-item .post-title h3{
    margin: 0 0 0;
    text-align: initial;
}
.archive .blog-item .post-title a,
.category .blog-item .post-title a{
	color: #333;
    font-size: 1.35rem;
    line-height: 1.5;
    font-weight: bold;
}
.archive .blog-item .post-meta,
.category .blog-item .post-meta{}
.blog-item:hover .post-image img {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);filter: brightness(70%);}
.post-meta {
	height: auto;
    padding: 0px 10px 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: solid 0px #ebebeb;
    /* background: #fff; */
}
body .entry-content #article-hd h3{
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ 明朝', 'MS Mincho','ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
}
@media only screen and (max-width: 991px) {
.post-meta { 
	height: 150px;
    padding: 20px 0px 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: solid 0px #ebebeb;
    /* background: #fff; */
}
}
.post-meta ul {
    margin: 0;
    padding: 8px 10px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
}
.post-meta li {border:none;margin:0;padding:0;display:inline;font-size: 12px;font-weight:bold;line-height:100%;}
.post-meta li:first-child { padding-right:8px; }
.post-meta li:nth-child(2) {border-left: 1px solid #f2f2f2;padding-left:10px;}
.post-meta li.post_date { font-size:14px; font-weight:bold; line-height:120%; }
.post-meta li.post_date i { margin-right:.25em; }
.post-meta li.post_category {line-height: 1rem;}
.post-meta li.post_category a {
    color: #ffffff;
    font-size: 0.80rem;
    line-height: 1.0rem;
    background: var(--main-color);
    padding: 6px 10px 5px;
    vertical-align: baseline;
    border-radius: 3px;
    display: inline-block;
    margin: 0 3px;
}
.post-meta ul::-webkit-scrollbar {
    overflow: hidden;
    width: 5px;
    background: #f9f9f9;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    height: 6px;
}
.post-meta ul::-webkit-scrollbar-button {
    display: none;
}
.post-meta ul::-webkit-scrollbar-corner {
    overflow: hidden;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #222;
    background: var(--main-color);
}
.post-meta ul::-webkit-scrollbar-thumb {
    overflow: hidden;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #222;
    background: var(--main-color);
}
.post-meta .title {
	font-size: 16px;
    margin: 15px 0 0 0;
    font-weight: 700;
    line-height: 170%;
    max-height: 80px;
    overflow: hidden;
    padding: 0 0px 10px;
    border-bottom: solid 1px #eee;
}
.post-meta p{
	margin: 0 0;
    color: #333;
    font-size: 13px;
    padding: 10px 0 0;
    line-height: 1.5;
}
.post-meta .title a {color: #424242;display:block;}
article:hover .post-meta .title a {color: #333;display:block;}
.post-meta .title a:hover { text-decoration:underline; }
.blog-item-featured{
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.categories-wrap a{
  color:black;
  text-decoration: none;
}

.blog-buttons{
  text-decoration:none !important;
  background:rgb(200,200,200);
  padding:15px 30px 15px 30px;
}

.blog-buttons *{
  font-size:16px;
  color:white;
}
.single_wrap .entry-content h2{
    background: #fbfbfb;
    margin: 3em -1.5em 1em;
    padding: 1em 1.5em 1em;
    line-height: 1.5em;
}
.single_wrap .entry-content li,
.single_wrap .entry-content p{
	font-weight: normal;
	line-height: 2;
	color: #333;
	letter-spacing: 0.5px;
	font-size: 16px;
	margin: 2em 0.0em 3em;
}
.page .entry-content p{
	font-weight: normal;
}
.single_wrap .entry-content #toc_container{
	width: 100%;
    border: solid 0px #eee;
    border-radius: 6px;
    background: #f7f7f7;
    margin: 10px 0px 10px;
}
.single_wrap .entry-content #toc_container ul{}
.single_wrap .entry-content #toc_container li{
	font-size: 15px;
    font-weight: bold;
    margin: 5px 10px;
}
.single_wrap .entry-content ul{
  /* background: #fbfbfb; */
  padding: 25px 1em 5px 2.5em;
  margin:20px 0 30px;
  border-radius:6px;
}
.single_wrap .entry-content li{
  font-size: 1.05rem;
  line-height:1.5em;
  background:#fff;
  padding: 10px 0.5em 10px;
  text-indent:-0.0em;
  margin:0 0 20px;
  color:#333;
  color:var(--main-color);
}

.entry-content-thumbnail{
  margin: 0px 0 0px;
  /* width: 100vw; */
  /* margin: 0 -4% 0; */
  position: relative;
  z-index: 0;
}
.entry-content h2.medium_h{
  font-size: 1.45rem;
  text-align: center;
  border-bottom: none;
  background: #333333;
  padding: 18px 1.5em 12px;
  border-radius: 5px;
  margin: 50px auto 50px;
  color: #f3f3f3;
  font-family: 'Open Sans', Arial, Roboto, "Droid Sans", "Yu Gothic", YuGothic,'Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
  width: max-content;
  max-width: 100%;
  min-width: 30%;
  display: block;
  line-height: 2.5rem;
}
#article-hd{
    height: 330px;
    margin: 0 0 50px;
}
body .entry-content #article-hd h2,
body .entry-content #article-hd h3{
  position:relative;
  transition: .5s;
}
body.fadeIn .entry-content #article-hd h3{
  position:relative;
  transform: scale(1.10);
}
body .entry-content #article-hd h2{
    font-size: 1.25rem;
    text-align: center;
    border-bottom: none;
    background: #333;
    box-shadow: 0 0 20px rgba(51, 51, 51, 0.5);
    padding: 16px 1.5em 15px;
    border-radius: 5px;
    margin: 0px auto 40px;
    color: #f3f3f3;
    font-family: 'Open Sans', Arial, Roboto, "Droid Sans", "Yu Gothic", YuGothic,'Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
    width: max-content;
}
body .entry-content #article-hd h3{
    font-size: 3.35rem;
    line-height: 5.25rem;
    letter-spacing: 0.05rem;
    color: #ffffff;
    text-align: center;
    /*font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Sans Japanese", "Noto Sans CJK JP", Meiryo, sans-serif;*/
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    text-shadow: 0 0 3px rgba(0, 150, 136, 0.25);
    /* -webkit-mask-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgb(0, 150, 136) 50%, rgba(0, 150, 136, 0.75) 51%, rgb(0, 0, 0)); */
    border: none;
}
.entry-content-thumbnail:before,
.entry-content-thumbnail:after{
  content:"";
  background: #222;
  background-color:#222;
  background-color: var(--main-color);
  background-image: url(https://www.transparenttextures.com/patterns/dark-mosaic.png);
  background-size: contain;
  width: 100vw;
  height: 330px;
  position: absolute;
  display: block;
  top: 0;
}
.entry-content-thumbnail:before{
    left: 0;
}
.single_wrap .entry-content .entry-content-thumbnail:before,
.single_wrap .entry-content .entry-content-thumbnail:after{
    display: none;
}
.single_wrap .entry-content .entry-content-thumbnail img{
  background-color:#222;
  background-color: var(--main-color);
  background-image: url(https://www.transparenttextures.com/patterns/dark-mosaic.png);
  background-size: inherit;
  padding: 0px 0px;
}
.entry-content-thumbnail:after{
    right: 0;
}

body .entry-content .entry-content-thumbnail img{
  margin:0;
  z-index: 10;
  position: relative;
}

#submit_comment {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.section-par{
  /*font-weight:bold;*/
  font-weight: 900;
  padding:15px;
  background-color:rgb(245,245,245);
}

.content_title{
  display:block;
  margin-bottom:10px;
  margin-top:10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 180%;
}

.archive_wrap .archive_h2{
    margin: 0px 0 40px;
    font-size: 1.5rem;
}
.archive_h2{
  margin: 65px 0 0px;
  background: #f5f5f5;
  text-indent: 1em;
  font-size: 2.65em;
  padding: 10px 0 10px;
  font-family: cursive;
  color: #3e3e3e;
  border-radius: 4px;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}


/* page nav */
.page_navi { margin:20px 0 20px; }
.page_navi h4 { font-size:10px; font-weight:normal; margin:0 0 10px 0; color:#888; }
.page_navi ul { margin:0; padding: 0;}
.page_navi li { float:left; list-style-type: none;}
.page_navi a, .page_navi a:hover, .page_navi span {
  text-decoration: none;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    padding: 13px 20px;
    line-height: 100%;
    margin: 0 4px 4px 0;
    background: #fff;
    display: block;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    border: solid 2px rgba(0, 0, 0, 0.1);
 }
.page_navi a.prev,
.page_navi a.next,
.page_navi a.prev:hover,
.page_navi a.next:hover{
	padding: 8px 40px 14px;
    font-size: 2rem;
    line-height: 0.5;
}
.page_navi a:hover { color:#fff; text-decoration:none; }
.page_navi span.dots { background:none; }
.page_navi span.current { color:#fff; background:#333; }
.page_navi p.back { margin:0; }
.page_navi p.back a, .page_navi p.back a:hover { display:inline-block; padding: 10px 20px; }

.page_navi a:hover
 { text-decoration:none; color:#fff; font-size:12px; padding:13px 20px; line-height:100%; margin:0 4px 4px 0; background:#333; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }


/*
    PAGE / SINGLE
*/

.single_wrap{
  margin-bottom:10px;
  margin-top: 100px;
}

.single_wrap2{
  margin-bottom:140px;
  margin-top:50px
}

.page-splash{
  height:500px;
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.entry-meta{
  margin: 0 0 0px;
  padding: 0px 0 10px;
  font-weight: bold;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  transition: 1.5s;
}
.entry-meta::-webkit-scrollbar{
        overflow:hidden;
        width: 5px;
        background: #f9f9f9;
        -webkit-border-radius:5px;
        border-radius:5px;
}
        .entry-meta::-webkit-scrollbar:horizontal{
                height:5px;
        }
.entry-meta::-webkit-scrollbar-button{
       display:none;
}
.entry-meta::-webkit-scrollbar-piece{
        background:#eee;
}
        .entry-meta::-webkit-scrollbar-piece:start{
                background:#eee;
        }
.entry-meta::-webkit-scrollbar-thumb{
        overflow:hidden;
        -webkit-border-radius:5px;
        border-radius: 5px;
        background-color:#222;
        background:var(--main-color);
}
.entry-meta::-webkit-scrollbar-corner{
        overflow:hidden;
        -webkit-border-radius:5px;
        border-radius:5px;
        background-color:#222;
        background:var(--main-color);
}
div .entry-meta:after{
    content: "";
    width: 15%;
    height: 2px;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: rgba(0, 150, 136, 0);
    clear: initial;
    overflow: auto;
    visibility: initial;
}
.entry-meta.fade-left{
	padding-left: 80px; */
}
.entry-meta li{
  display: inline-block;
  margin-right: 25px;
  list-style: none;
}
.entry-meta a{
  color:black;
}

.entry-meta a{
    color: var(--main-color);
    color: #222;
}
body .page-title{
  font-size: 32px;
  font-weight: bold;
  line-height: 100px;
  height: 100px;
  margin: 0px 0 0px;
  /* text-shadow: 0 0 10px #ffffff; */
  /* background-color: transparent; */
  /* background-image: none; */
  color: #fff;
  padding: 0px 0 0px;
  box-sizing: content-box;
  background-color:#222;
  background-color: var(--main-color);
  background-image: url(https://www.transparenttextures.com/patterns/dark-mosaic.png);
  background-size: inherit;
}

.single_wrap .page-title,
.single_wrap .page-title:before,
.single_wrap .page-title:after{
	background: transparent;
	text-shadow: 0 0 3px #eee;
	color: #222;
	line-height: 2.85rem;
	margin: 45px 0 30px;
	font-size: 30px;
}
#post-category,
#post-tags{
	background: #f5f5f5;
    padding: 10px 5px;
    border-radius: 5px;
}
#post-tags span{}
#post-category a,
#post-tags span a{
	display: inline-block;
    background: #fff;
    padding: 5px 10px;
    margin: 2px 5px;
    border-radius: 3px;
    font-weight: bold;
    color: #333;
}
#post-category a:before{
	content: "\f115";
    font-size: 1rem;
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 8px;
}
#post-tags span a:before{
	content: "\f02c";
    font-size: 1rem;
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 8px;
}
.entry-nav{
  margin: 80px 0 0;
}
.prev_link{
  min-width: 100px;
  max-width: 400px;
  width: 100%;
  float: right;
  position: relative;
}
.next_link{
  min-width: 100px;
  max-width: 400px;
  width: 100%;
  float: left;
  position: relative;
}
.prev_link a, .next_link a{
  display: block;
  width: 100%;
  padding: 0 10px;
  background: #333;
  color: #fff;
  height: 55px;
  line-height: 55px;
  overflow: hidden;
  border-radius: 5px;
}
.next_link a:after{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  right: 10px;
  top: 24px;
}
.prev_link a:before{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(225deg);
  content: "";
  position: absolute;
  left: 10px;
  top: 24px;
}

/* next page */
#post_pagination { margin:0 0 30px 0; clear:both; }
#post_pagination h5 { margin:0 10px 0 0; float:left; line-height:30px; font-size:12px; }
#post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; }
#post_pagination p { background:#999; color:#fff; }
#post_pagination a:hover { background:#333; color:#fff; }


.blog-buttons{}

/* related posts */
.related-posts-title{
  font-size: 16px;
  font-weight: bold;
  color: #000;
  background: #F3F3F3;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  margin: 0 0 20px;
}
#related-posts { margin: 70px 0 50px; }
.related_post{
  padding: 20px;
  background: #F3F3F3;
}
.related_post_img{
  float: left;
  margin-right: 20px;
}

/* related_post_list animation */
.related_post_img a { background: #fff; display:block; overflow:hidden; }
.related_post_img a img {border-radius:0; width: 100%; height: auto; display:block; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; transition: all .35s ease-in-out; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.related_post_img a:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) }

.related_post_meta a{
  color: #000;
  text-decoration: none;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.related_post_meta a:hover{
  text-decoration: underline;
}
.related_post_meta .post_date{
  margin: 0;
}
.related_post_meta h3.title{
  font-size: 14px;
  font-weight: normal;
  line-height: 170%;
  margin: 0;
}


/*
    FOOTER
*/
.section h2.recruit-splash-h2 {
  margin:0;
  font-size: 48px;
  line-height: 180%;
  font-weight: 700;
  letter-spacing:-.02em;
  color: #fff;
}

.footer_logo{
  border-radius: 0 !important;
}

.returntop a, .returntop a span {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.returntop a {
  display:block;
  width: 100%;
  min-width: 100vw;
  padding: 30px 0 20px;
  background: #3f51b5 !important;
}
.returntop a span{
  display:block;
  color: #2a2f35;
  width: 20px;
  height: 20px;
  position: absolute;
  left:0;
  right:0;
  margin:0 auto;
  border-right: 3px solid rgba(255, 255, 255, 0.1);
  border-top: 3px solid rgba(255, 255, 255, 0.1);
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  box-sizing:border-box;
  top: 20px;
}
.returntop a:hover {background: rgb(47, 47, 47) !important;}
.returntop a:hover span { border-color:#fff; }
.footer-menu .navbar-nav {
  width: 100%;
  font-family:'arial';
  text-align: center;
}

.footer-menu .navbar-nav > li {
  float: none;
  display: inline-block;
}

.social-icon{
  margin:20px 0 20px 20px;
  height:20px;
  opacity: .7;
}

.social-icon:hover{
  opacity:1;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
  background: transparent;
  display: block;
  position: relative;
  z-index: 100;
}

/* Page template 1-4 */


/* news sns btn */
.user_sns { text-align:center; padding:0 12px; position:relative; margin:0 0 30px; }
.user_sns li { display:inline; margin:0 2px; line-height:100%; }
.pc .user_sns.type2 { text-align:left; margin:0 -10px 0 0; }
.pc .user_sns.type2 li { display:block; float:left; margin:0 8px 0 0; }
.user_sns li a { color:#222; border:1px solid transparent; border-radius:100%; width:23px; height:23px; position:relative; display:inline-block; overflow:hidden; }
.user_sns li a:hover { /* background:#432000;*/ }
.user_sns li span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
.user_sns li a:before { font-family:'design_plus'; color:#222; font-size:14px; display:block; position:absolute; top:5px; left:5px; width:11px; height:11px; line-height:11px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.user_sns li.twitter a:before { font-family: 'design_plus'; content:'\e904'; }
.user_sns li.facebook a:before { content:'\e902'; }
.user_sns li.insta a:before { content:'\ea92'; }
.user_sns li.pint a:before { content:'\f231'; font-size:13px; top:6px; }
.user_sns li.tumblr a:before { content:'\eab9'; }
.user_sns li.flickr a:before { content:'\eaa4'; }
.user_sns li.rss a:before { content:'\e90b'; }
.user_sns li a:hover:before { color:#ccc; }


/* footer menu mobile */
.footer_menu_mobile{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.footer_menu_mobile .footer_widget.widget_nav_menu{
  /*width: calc(50% - 40px);*/
  width: 50%;
  float: none;
  margin: 0;
  padding: 25px 20px;
  text-align: left;
}
.footer_menu_mobile .footer_widget.widget_nav_menu h3{
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: normal;
}
.footer_menu_mobile .footer_widget.widget_nav_menu ul li{
  margin: 0;
  font-size: 10px;
}
.footer_menu_mobile .footer_widget.widget_nav_menu ul li a{
  padding: 0;
  margin: 0;
  line-height: 240%;
}



@media only screen and (max-width: 1200px) { /* 767 */
  .dropdown-submenu>.dropdown-menu{
    left:0;
  }

  .navbar-nav{
    padding-top:0px;
  }

  .sub-menu{
    padding-left:15px;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: black;
    background-color: transparent;
  }

  .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
      background-color: transparent;
      border-color: transparent;
      color:black;
  }

  .navbar-collapse {
    height:100%;
    padding-bottom:100px;
  }

  .navbar-nav .open .dropdown-menu>li:first-child {padding-top: 30px;}

  .dropdown-menu{
    opacity:1;
    background: transparent !important;
    box-shadow:none;
    position:relative;
    top:0;
    left:0;
    width:100%;
  }

  .dropdown-menu a{
    color:black;
  }

  h1{
    font-size:20px;
  }

  .liner { font-size:20px; }

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

  .smaller-mobile-h2{
    font-size: 30px!important;
  }

  .smaller-mobile-h3{
    font-size: 24px!important;
  }

  .single_wrap{
    margin-bottom:40px;
    margin-top: 60px;
  }

  .single_wrap2{
    margin-bottom:40px;
    margin-top:30px
  }

  .catch, .catch2{
    font-size: 20px;
  }
  .desc1{
    margin: 0;
  }
  .mb80.mobile-mb-20 {
    margin-bottom: 20px!important;
  }
  .mb80.mobile-mb-30{
    margin-bottom: 30px!important;
  }
  .staff_headline4{
    font-size: 30px!important;
    text-align: center;
  }
  .staff_column_margin{
    margin-bottom: 10px;
  }

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

  .headline, .headline2, .section h1, .recruit-splash h1, .section h2, .staff_headline {
    margin:0;
    font-size: 24px!important;
    line-height: 160%;
  }
  .headline2 { display:block; line-height:140%; letter-spacing:-.02em; }
  .section-two-h3 {
    font-size: 24px;
    line-height: 160%;
  }
}


/**/
#previous_next_post { display: flex; }
#previous_next_post #previous_post { float:none; width:50%; margin:0 -1px 5px 0; line-height:100%; height: 50px; line-height: 50px; text-align: center; }
#previous_next_post #next_post { float:none; width:50%; margin:0; line-height:100%; height: 50px; line-height: 50px; text-align: center; }
#previous_next_post a {
  color: #000 !important;
  display:block; font-size:12px; width:100%; height:50px; position:relative; background:#fff; overflow:hidden; border: solid 1px #ddd;
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}

#previous_next_post a:hover {text-decoration: none;}
#previous_next_post a:before {
  font-family:'design_plus'; color:#aaa; font-size:14px; display:inline; position:absolute;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#previous_next_post #previous_post a:before { content:'\e90f'; top:0px; left:10px; }
#previous_next_post #next_post a:before { content:'\e910'; top:0px; right:10px; }

/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}
/* end MacIE5 */


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

---------------------------------------------------------------------- */
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?evfvw0');
    src:    url('fonts/icomoon.eot?evfvw0#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?evfvw0') format('truetype'),
        url('fonts/icomoon.woff?evfvw0') format('woff'),
        url('fonts/icomoon.svg?evfvw0#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-feedly:before { content: "\e907"; }
.icon-hatebu:before { content: "\e908"; }
.icon-line:before { content: "\e909"; }
.icon-pocket:before { content: "\e90a"; }
.icon-google-plus:before { content: "\e900"; }
.icon-google-plus2:before { content: "\e901"; }
.icon-facebook:before { content: "\e902"; }
.icon-facebook2:before { content: "\e903"; }
.icon-twitter:before { content: "\e904"; }
.icon-rss:before { content: "\e90b"; }
.icon-rss2:before { content: "\e906"; }
.icon-pinterest:before { content: "\e905"; }
#share_top1 ul li a, #share_top2 ul li a, #share_btm1 ul li a, #share_btm2 ul li a { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }

/*--------------------------------
share_top1
---------------------------------*/
#share_top1 { width:100%; margin:0 0 15px; }
#share_top1 h2 { color:#666666; font-weight:400; }
#share_top1 ul {margin:0;padding:0;list-style:none;letter-spacing: -.5em;border-radius: 4px;overflow: hidden;}
#share_top1 ul li {display:inline-block;padding:0;text-align:center;width: calc(100% / 8);letter-spacing: 0;}
#share_top1 ul li a {width: 100%;text-decoration:none;display:inline-block;margin: 0 5px 0px 0;font-size: 12px;font-weight:400;color: #fff!important;background:#fafafa;border-radius: 0px;box-shadow:0 1px 0 rgba(0,0,0,.03);text-shadow:none;text-align:center;line-height: 30px;padding: 2px 5px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-bottom: solid 3px rgba(0, 0, 0, 0.15);}
#share_top1 ul li a i {
	position: relative;
    top: 8px;
    color: #fff;
    font-size: 1.5rem;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .1);
    display: block;
}
#share_top1 ul li a .ttl {
    margin: 12px 0 0;
    text-align: center;
    line-height: 20px;
    display: block; }
#share_top1 ul li a .share-count { display:inline; font-size:9px; color:#fff; padding:0; line-height:25px; margin:0; border-radius:0 1px 1px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_top1 ul li > a:hover { -webkit-transform:translate3d(0, 1px, 0); transform:translate3d(0, 1px, 0) }
@media screen and (max-width:480px) {
	#share_top1 { width:100%; margin:0 0 15px; }
	#share_top1 ul { margin-bottom:15px; }
	#share_top1 ul li a { margin-right:2px; }
	#share_top1 ul li a i { left:1px; }
	#share_top1 ul li>a span { display:none; }
	#share_top1 ul li a .share-count { margin-left:3px; }
}

/*--------------------------------
share_btm1
---------------------------------*/
#share_btm1 { margin:0 0 20px; }
#share_btm1 .sns { text-align:center; }
#share_btm1 ul { margin:0 0 2%; padding:0; list-style:none; }
#share_btm1 li { float:left; width:48%; margin:0 1% 1.5%; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.post #share_btm1 ul li { list-style:none; background-image:none; padding:0; }
#share_btm1 ul li a { position:relative; display:block; top:3px; font-size:13px; padding:10px 2px; color:#fff; border-radius:2px; text-align:center; text-decoration:none; vertical-align:middle; }
#share_btm1 ul li a i { position:relative; top:3px; font-size:140%; }
#share_btm1 ul li a .ttl { margin:0 3px 0 4px; display:inline-block; text-align:center; font-size:12px; }
#share_btm1 ul li a .share-count { position:absolute; bottom:-2px; right:8px; font-size:10px; padding:0; line-height:25px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_btm1 ul li a:hover { -webkit-transform: translate3d(0px, 2px, 1px); -moz-transform: translate3d(0px, 2px, 1px); transform: translate3d(0px, 2px, 1px); }
@media only screen and (min-width:480px) {
	#share_btm1 { width:100%; margin:0 0 20px; }
	#share_btm1 ul { margin-right:-1%; list-style:none; overflow:hidden; }
	#share_btm1 li { width:24%; margin:0 1% 1% 0; }
	#share_btm1 li a { font-size:12px; padding:10px 2px; }
	#share_btm1 li:nth-child(4n) { margin-right:0; }
}

/*------------- share_top1 & share_btm1 button_color -------------*/
/* Twitter */
#share_top1 ul li.twitter a, #share_btm1 ul li.twitter a { color:#fff; background-color:#55acee; }
#share_top1 ul li.twitter a:hover, #share_btm1 ul li.twitter a:hover { background-color:#468ec5; }
/* Facebook */
#share_top1 ul li.facebook a, #share_btm1 ul li.facebook a { background-color:#35629a; }
#share_top1 ul li.facebook a:hover, #share_btm1 ul li.facebook a:hover { background-color:#1f3669; }
/* Google+ */
#share_top1 ul li.googleplus a, #share_btm1 ul li.googleplus a { background-color:#dd4b39;}
#share_top1 ul li.googleplus a:hover, #share_btm1 ul li.googleplus a:hover { background-color:#b94031;}
#share_top1 ul li.googleplus a i {}
/* Hatena */
#share_top1 ul li.hatebu>a, #share_btm1 ul li.hatebu a { background-color:#3c7dd1;}
#share_top1 ul li.hatebu>a:hover, #share_btm1 ul li.hatebu a:hover { background-color:#0270ac;}
/* Pocket */
#share_top1 ul li.pocket a, #share_btm1 ul li.pocket a { background-color:#ee4056; }
#share_top1 ul li.pocket a:hover, #share_btm1 ul li.pocket a:hover { background-color:#c53648; }
/* rss */
#share_top1 ul li.rss a, #share_btm1 ul li.rss a { background-color:#ffb53c; }
#share_top1 ul li.rss a:hover, #share_btm1 ul li.rss a:hover { background-color:#e09900; }
/* Feedly */
#share_top1 ul li.feedly a, #share_btm1 ul li.feedly a { background-color:#6cc655; }
#share_top1 ul li.feedly>a:hover, #share_btm1 ul li.feedly>a:hover { background-color:#5ca449; }
/* Pinterest */
#share_top1 ul li.pinterest a, #share_btm1 ul li.pinterest a { background-color:#d4121c; }
#share_top1 ul li.pinterest a:hover, #share_btm1 ul li.pinterest a:hover { background-color:#a42f35; }


/*--------------------------------
share_top2
---------------------------------*/
#share_top2 { width:100%; margin:0 0 15px; }
#share_top2 h2 { color:#444; font-weight:400; }
#share_top2 ul.type2 { margin:0; padding:0; list-style:none; }
#share_top2 ul.type2 li { display:inline-block; padding:0; text-align:center; }
#share_top2 ul.type2 li a { text-decoration:none; display:inline-block; margin:0 5px 5px 0; font-size:12px; font-weight:400; border-radius:2px; color:#222 !important; text-align:center; background:#fafafa !important; border:1px solid rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; line-height:25px; padding:1px 5px 0; }
#share_top2 ul.type2 li a i { position:relative; top:3px; color:#222; font-size:1.3em; text-shadow:1px 1px 0 rgba(255, 255, 255, .1); }
#share_top2 ul.type2 li a .ttl { margin:0 3px 0 2px; text-align:center; line-height:20px; }
#share_top2 ul.type2 li a .share-count { color:#444; font-size:9px; padding:0; line-height:25px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#share_top2 ul.type2 li a:hover, #share_top2 ul.type2 li a:hover i, #share_top2 ul.type2 li a:hover .share-count  { color:#fff !important; }
#share_top2 ul.type2 li a:hover { border-color:rgba(255,255,255,.1); }
@media screen and (max-width:480px) {
	#share_top2 { width:100%; margin:0 0 15px; }
	#share_top2 ul.type2 { margin-bottom:15px; }
	#share_top2 ul.type2 li a { margin-right:2px; }
	#share_top2 ul.type2 li a i { left:1px; }
	#share_top2 ul.type2 li>a span.ttl { display:none; }
	#share_top2 ul.type2 li a .share-count { margin-left:3px; }
}

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

---------------------------------*/
#share_btm2 { margin:0 0 20px; text-align:center; }
#share_btm2 .sns {}
#share_btm2 ul.type4 { margin:0 0 2%; padding:0; list-style:none; }
#share_btm2 ul.type4 li { float:left; width:48%; margin:0 1% 1.5%; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.post #share_btm2 ul li { list-style:none; background-image:none; padding:0; }
#share_btm2 ul.type4 li a { position:relative; display:block; top:5px; font-size:13px; padding:10px 2px; text-decoration:none; border-radius:2px; color:#222 !important; text-align:center; background:#fafafa !important; border:1px solid rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.03); text-shadow:none; }
#share_btm2 ul.type4 li a i { position:relative; top:3px; font-size:140%; color:#222 !important; }
#share_btm2 ul.type4 li a .ttl { margin:0 3px 0 4px; display:inline-block; text-align:center; font-size:12px; }
#share_btm2 ul.type4 li a .share-count { position:absolute; bottom:-2px; right:8px; font-size:10px; padding:0; line-height:25px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; color:#222 !important; }
#share_btm2 ul.type4 li a:hover, #share_btm2 ul.type4 li a:hover i, #share_btm2 ul.type4 li a:hover .share-count  { color:#fff !important; }
@media only screen and (min-width:480px) {
	#share_btm2 { width:100%; margin:0 0 20px; }
	#share_btm2 ul.type4 { margin-right:-1%; list-style:none; overflow:hidden; }
	#share_btm2 ul.type4 li { width:24%; margin:0 1% 1% 0; }
	#share_btm2 ul.type4 li a { font-size:12px; padding:10px 2px; }
	#share_btm2 ul.type4 li:nth-child(4n) { margin-right:0; }
}
/*------------- share_top2 & share_btm4 button_color -------------*/
/* Twitter */
#share_top2 ul.type2 li.twitter a, #share_btm2 ul.type4 li.twitter a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.twitter a:hover, #share_btm2 ul.type4 li.twitter a:hover { color:#fff !important; background-color:#55acee !important; }
/* Facebook */
#share_top2 ul.type2 li.facebook a, #share_btm2 ul.type4 li.facebook a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.facebook a:hover, #share_btm2 ul.type4 li.facebook a:hover { color:#fff !important; background-color:#35629a !important; }
/* Google+ */
#share_top2 ul.type2 li.googleplus a, #share_btm2 ul.type4 li.googleplus a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.googleplus a:hover, #share_btm2 ul.type4 li.googleplus a:hover { color:#fff !important; background-color:#dd4b39 !important;}
#share_top2 ul.type2 li.googleplus a i, #share_btm2 ul.type4 li.googleplus a i { top:4px; }
/* Hatena */
#share_top2 ul.type2 li.hatebu a, #share_btm2 ul.type4 li.hatebu a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.hatebu a:hover, #share_btm2 ul.type4 li.hatebu a:hover { color:#fff !important; background-color:#3c7dd1 !important;}
/* Pocket */
#share_top2 ul.type2 li.pocket a, #share_btm2 ul.type4 li.pocket a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.pocket a:hover, #share_btm2 ul.type4 li.pocket a:hover { color:#fff !important; background-color:#ee4056 !important; }
/* rss */
#share_top2 ul.type2 li.rss a, #share_btm2 ul.type4 li.rss a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.rss a:hover, #share_btm2 ul.type4 li.rss a:hover { color:#fff !important; background-color:#ff8c00 !important; }
/* Feedly */
#share_top2 ul.type2 li.feedly a, #share_btm2 ul.type4 li.feedly a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.feedly a:hover, #share_btm2 ul.type4 li.feedly a:hover { color:#fff !important; background-color:#6cc655 !important; }
/* Pinterest */
#share_top2 ul.type2 li.pinterest a, #share_btm2 ul.type4 li.pinterest a { color:#222 !important; background-color:#fafafa !important; }
#share_top2 ul.type2 li.pinterest a:hover, #share_btm2 ul.type4 li.pinterest a:hover { color:#fff !important; background-color:#d4121c !important; }

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

---------------------------------*/
#share5_top { margin:0; }
#share5_btm { margin:30px 0 0; }
.sns_default_top { margin-left:-40px; padding:0; overflow:hidden; list-style:none; }
.sns_default_top ul li { display:inline-block; margin:0 5px 3px 0; line-height:1!important; overflow:hidden; vertical-align:top; }
.sns_default_top ul li.twitter_button { width:75px; }
.sns_default_top ul li.fbshare_button:hover { text-decoration:none; }
.sns_default_top ul li.google_button { width:58px; }
.sns_default_top ul li.pocket_button { width:88px; }
@media only screen and (max-width: 480px) {
	.sns_default_top { margin-left:-40px; }
	.sns_default_top ul li { margin-bottom:6px; }
	.sns_default_top ul li.twitter_button { margin-left:0; }
}

/* ----------------------- TCD Advanced Style ------------------------ */

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

---------------------------------------------------------------------- */
.entry-content .post_row { margin-left:-15px; margin-right:-15px; line-height:2; }
.entry-content .post_col, .entry-content .post_col-2, .entry-content .post_col-3 { position:relative; min-height:1px; width:100%; padding-right:15px; padding-left:15px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:2em; }
@media screen and (min-width:768px){
	.entry-content .post_col-2 { width:50%; }
	.entry-content .post_col-3 { width:33.33333%; }
}
@media screen and (min-width:1024px){
	.entry-content .post_col-2 { width:50%;  }
	.entry-content .post_col-3 { width:33.33333%; }
}
.entry-content .post_row:before, .entry-content .post_row:after {
    content: " ";
    display: table;
}
.entry-content .post_row:after {
    clear: both;
}

.full-width{
  width:100%;
}

/* ----------------------------------------------------------------------
 ---------------------------------------------------------------------- */
.entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { line-height:1.6; }
/* h3 */
.entry-content h3 { border-bottom:1px dotted grey; padding-bottom:14px; margin-bottom:14px; }
.entry-content hr{
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f5f5f5, #ddd, #f5f5f5);
  background-image: -moz-linear-gradient(left, #f5f5f5, #ddd, #f5f5f5);
  background-image: -ms-linear-gradient(left, #f5f5f5, #ddd, #f5f5f5);
  background-image: -o-linear-gradient(left, #f5f5f5, #ddd, #f5f5f5);
}
.entry-content .style3a { margin:3em 0 1.5em; padding:1.1em .2em 1em; font-size:22px; font-weight:400; border-top:1px solid #222; border-bottom:1px solid #222; }
.entry-content .style3b { margin:3em 0 1.5em; padding:1.1em .9em 1em; font-size:22px; font-weight:400; border-top:2px solid #222; border-bottom:1px solid #ddd; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7; }
  @media (max-width:641px){
    .post_content .style3a, .post_content .style3b { margin:3em -16px 1.5em; padding:1.1em .75em 1em; }
  }
/* h4 */
.entry-content .style4a { margin:2.5em 2px 1.2em; padding:.3em 0 .3em .8em; font-size:20px; font-weight:400; border-bottom:none; border-left:2px solid #222; }
.entry-content .style4b { margin:2.5em 0 1.2em; padding:.9em 0 .8em; font-size:20px; font-weight:400; border-bottom:1px dotted #aaa; }
/* h5 */
.entry-content .style5a { margin:2em 0 1em; padding:.5em .8em .3em 1em; font-weight:700; font-size:18px; background:#f5f5f5; box-shadow:0px 2px 0px 0px #f2f2f2; }
.entry-content .style5b { margin:2em 0 1em; padding:.5em .8em .4em 1em; font-weight:400; font-size:18px; color:#fff; background:#222; border-radius:4px; box-shadow:0px 2px 0px 0px #f2f2f2; }
/* h6 */
.entry-content .style6 { position:relative; margin:2em 0 1em; padding:.5em .8em .8em 1.3em; color:#222; font-weight:bold; font-size:16px; }
.entry-content .style6:before { position:absolute; width:12px; height:12px; top:.5em; left:.2em; background:#222; content:""; }
.entry-content .news_headline1{ position:relative; margin:80px 0 25px 0; padding:.5em; border-left:8px solid #444; line-height:1.2; font-size:1.2em; }
.entry-content .news_headline1:after { content:""; position:absolute; bottom:0px; left:0; height:0; width:100%; border-bottom:1px dotted #ddd; }
.entry-content .news_headline2{ margin:40px 0 20px 0; padding:0 .5em; border-left:6px solid #545454; line-height:26px; font-size:1.1em;}
.entry-content .balloon { clear:both; display:block; position:relative; margin:50px 0 22px; padding:.5em 18px .5em; width:auto; min-width:115px; color:#fff; text-align:left; font-size:20px; font-weight:400; background:#222; z-index:0; border-bottom:0; }
.entry-content .balloon:after { content:""; position:absolute; bottom:-10px; left:30px; margin-left:-10px; display:block; width:0px; height:0px; border-style:solid; border-width:10px 10px 0 10px; border-color:#222 transparent transparent transparent; }

/* ----------------------------------------------------------------------
 ---------------------------------------------------------------------- */
.well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); }
.well2 { margin:1em 0 30px; padding:1em 1.5em; line-height:2; border:1px solid #cdcdcd; background:#fcfcfc; box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.well3 { margin:2em 0 2.5em; padding:1em 1.5em;line-height:2.0; border:1px dashed #cdcdcd; background:#fcfcfc;  box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.wl_red { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
.wl_yellow { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.wl_blue { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }
.wl_green { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }

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

---------------------------------------------------------------------- */
.q_button { min-width:200px; max-width:90%; background-color:#535353; display:inline-block; vertical-align:middle; padding:.6em 1.3em .5em; font-weight:400; font-size:100%; color:#fff; margin:0; text-decoration:none; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; transition:all 0.3s ease-in-out 0s; box-shadow:0 1px 3px rgba(0,0,0,.15); }
.q_button:hover, .q_button:focus { text-decoration:none; color:#fff; background-color:#7d7d7d; box-shadow:0 2px 2px rgba(0,0,0,.15) inset; }
/* Button option */
.rounded { border-radius:6px; }
.pill { border-radius:50px; }
.sz_full { min-width:100px; max-width:100%; display:block; font-size:110%; padding:1em 1.5em .9em; }
.sz_l { min-width:350px; max-width:90%; font-size:110%; padding:.8em 1.5em .7em; }

.sz_s { min-width:100px; max-width:90%; font-size:85%; padding:.4em 1em .3em; }
.bt_red{ background:#c01f0e; color:#fff; }
.bt_red:hover, .bt_red:focus { background-color:#d33929; color:#fff; }
.bt_yellow{ background:#f1c40f; color:#fff; }
.bt_yellow:hover, .bt_yellow:focus { background-color:#f9d441; color:#fff; }
.bt_blue{ background:#2980b9; color:#fff; }
.bt_blue:hover, .bt_blue:focus { background-color:#3a91c9; color:#fff; }
.bt_green{ background:#27ae60; color:#fff; }
.bt_green:hover, .bt_green:focus { background-color:#39c574; color:#fff; }

/* ----------------------------------------------------------------------
Youtube responsive -
---------------------------------------------------------------------- */
.ytube { position:relative; height:0; margin-top:20px; margin-bottom:20px; padding-bottom:56.25%; padding-top:30px; overflow:hidden; }
.ytube iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }

/* ----------------------------------------------------------------------
 Cardlink style -
---------------------------------------------------------------------- */
.cardlink { padding:12px 12px 12px 12px; margin:10px 0; border:1px solid #ddd; word-wrap:break-word; max-width:100%; background:#fafafa; }
.cardlink_thumbnail { float:left; margin-right:20px; }
.cardlink_content { line-height:1.6; }
.cardlink .timestamp { margin:0; padding:0; font-size:90%; font-weight:bold; line-height:100%; color:#004b64; }
.cardlink_title { font-size:14px; margin:5px 0 5px; }
.cardlink_title a { font-weight:bold; color:#000; text-decoration:none; }
.cardlink_title a:hover { text-decoration:underline; }
.cardlink_excerpt { color:#333; font-size:12px; overflow:hidden; line-height:1.8; }
.cardlink_footer { clear:both; }
.clear { clear:both; }
@media screen and (max-width: 767px) {
  .cardlink_thumbnail { float:none; }
}


/* ----------------------------------------------------------------------
 Contactform -
---------------------------------------------------------------------- */
.wpcf7 { width:100%; border:1px solid #ddd; background:#fafafa; padding:0; margin:0 0 2.5em !important; font-size:14px;}
.wpcf7 form{ margin:1.5em 1.5em 0;}
.wpcf7 p { margin-bottom:1em; font-size:12px; }
.wpcf7 input, .wpcf7 textarea { width:auto; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; border:1px solid #ccc; line-height:1.2; padding:8px;  }
.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { width:auto; max-width:97%; border:1px solid #ccc; padding:8px; }
.wpcf7 select, .wpcf7 .wpcf7-list-item-label { line-height:1.2; font-size:14px; }
.wpcf7-list-item { display:block; }
.wpcf7 textarea { height:300px; }
.wpcf7 input:focus, .wpcf7 textarea:focus { outline:none; border:1px solid #bbb; -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow:inner 0 0 5px rgba(0, 0, 0, 0.5); }
.wpcf7 input.wpcf7-submit { position:relative; display:block; width:225px; height:48px; margin:30px auto 0; background-color:#333333; cursor:pointer; border:none !important; color:#fff; text-align:center; text-decoration:none; font-size:14px; line-height:1.5; outline:none; -webkit-transition: all .3s; transition: all .3s; }
.wpcf7 input.wpcf7-submit, .wpcf7 input.wpcf7-submit::before, .wpcf7 input.wpcf7-submit::after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.wpcf7 input.wpcf7-submit:hover { background-color:#666666; }
.wpcf7 .wpcf7-not-valid { background:pink; }
.wpcf7 .wpcf7-response-output { margin:10px 0 0; padding:8px 35px 8px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.wpcf7 .wpcf7-validation-errors { color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7; }
.wpcf7 .wpcf7-mail-sent-ok { color:#3A87AD; background-color:#D9EDF7; border:1px solid #BCE8F1; }

/* ----------------------------------------------------------------------
 font-size -
---------------------------------------------------------------------- */
.text70{font-size:70%}
.text80{font-size:80%}
.text90{font-size:90%}
.text100{font-size:100%}
.text110{font-size:110%}
.text120{font-size:120%}
.text130{font-size:130%}
.text140{font-size:140%}
.text150{font-size:150%}
.text160{font-size:160%}
.text170{font-size:170%}
.text180{font-size:180%}
.text190{font-size:190%}
.text200{font-size:200%}
.text210{font-size:210%}
.text220{font-size:220%}
.b{font-weight:700}
.u{text-decoration:underline}
.del{text-decoration:line-throug}

/* ----------------------------------------------------------------------
 font-color -
---------------------------------------------------------------------- */
.red{color:red}
.blue{color:#2ca9e1}
.green{color:#82ae46}
.orange{color:#ff7d00}
.yellow{color:#fff000}
.pink{color:#ff0084}
.gray{color:#999999}

/* ----------------------------------------------------------------------
 background-color -
---------------------------------------------------------------------- */
.bg-yellow{padding:2px;background-color:#ff0}
.bg-blue{padding:2px;background-color:#4ab0f5}
.bg-red{padding:2px;background-color:red}

/* ----------------------------------------------------------------------
 text-align -
---------------------------------------------------------------------- */
.align1{text-align:center !important}
.align2{text-align:right !important}
.align3{text-align:left !important}

/* ----------------------------------------------------------------------
 float -
---------------------------------------------------------------------- */
.r-flo{float:right;margin:10px}
.l-flo{float:left;margin:10px}
.f-clear{clear:both}

/* ----------------------------------------------------------------------
 hover -
---------------------------------------------------------------------- */
a img.fade { background:none !important; outline:none; -webkit-transition:all .3s; transition:all .3s; }
a:hover img.fade { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )"; background:none !important; }
/* ----------------------------------------------------------------------
 text-style -
---------------------------------------------------------------------- */
.att {padding-left:1em;text-indent:-1em;}
.att_box { margin:2em 0 2.5em; padding:1em 1.2em; line-height:2.0; border:1px dotted #cccccc; background:#fcfcfc; box-shadow:0px 4px 0px 0px #f7f7f7; }

/* ----------------------------------------------------------------------
 margin -
---------------------------------------------------------------------- */
.m0{margin:0 !important}
.mt0{margin-top:0 !important}
.mr0{margin-right:0 !important}
.mb0{margin-bottom:0 !important}
.ml0{margin-left:0 !important}

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}

.ml55{margin-left:55px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m65{margin:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mt70{margin-top: 40px !important;}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}

/* ----------------------------------------------------------------------
 padding -
---------------------------------------------------------------------- */
.p0{padding:0 !important}
.pt0{padding-top:0 !important}
.pr0{padding-right:0 !important}
.pb0{padding-bottom:0 !important}
.pl0{padding-left:0 !important}

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}
@media only screen and (max-width: 1200px) { /* 767 */
  body .read-more, .archives_btn{
    margin: 0 0 0;
    padding: 6px 10px 6px;
    width: 70%;
  }

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

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

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

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

  .mobile-mb-30{
    margin: 10px 2.5% 10px;
    border-bottom: solid 1px #e5e5e5;
    padding: 30px 0 30px;
    width: 95%;
  }

  .mobile-mb-20{
    margin-bottom: 20px !important;
  }
}
.single_wrap .post{
  background:#fff;
}
.single_wrap .entry-content{
  margin:20px 0 0;
}
.entry-content{
    margin: 0px 60px 0;
    background: #fff;
}

#section3_bg{
    background: #eee;
    background: linear-gradient(#ffffff, #f6f8fa);
    border-top: solid 1px #eee;
    /* border-bottom: solid 1px #eee; */
    overflow: hidden;
    position: relative;
}

#section3_bg canvas{
    position: absolute;
    width: 100vw;
    height: auto;
}

#section3_bg .separator .title,
#section3_bg .separator2 .title,
#section3_bg .separator3 .title{
    box-shadow: none;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0 0 0;
}
#top_interview{
    padding: 0;
    margin: 0 auto 0;
}
#top_interview .row .col-sm-40{
    width: 100%;
    height: 460px;
    padding: 0;
    letter-spacing: -.5em;
    background: #222;
    position: relative;
    margin: 0;
}
#top_interview .row .col-sm-40:nth-child(1){
    /* background-image: url(/img/common/pattern.png); */
    background-size: inherit;
    background-color: #0b0b0b;
}
#top_interview .row .col-sm-40:nth-child(2){
    background-color:#222;
    background: var(--main-color);
    /* background-image: url(/img/common/pattern.png); */
    background-size: inherit;
}
#top_interview .row .col-sm-40:nth-child(1):before,
#top_interview .row .col-sm-40:nth-child(2):before{
  content:"";
  width: 100vw;
  height: 460px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#top_interview .row .col-sm-40:nth-child(1):after,
#top_interview .row .col-sm-40:nth-child(2):after{
  content:"";
  width: 100vw;
  height: 460px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
#top_interview .row .col-sm-40:nth-child(1):before{
    background: #0b0b0b;
    /* background-image: url(/img/common/pattern.png); */
    background-size: inherit;
}
#top_interview .row .col-sm-40:nth-child(2):before{
    background-color:#222;
    background: var(--main-color);
    /* background-image: url(/img/common/pattern.png); */
    background-size: inherit;
}
#top_interview .row .col-sm-40:nth-child(1):after{
    background: #0b0b0b;
    /* background-image: url(/img/common/pattern.png); */
    background-size: inherit;
}
#top_interview .row .col-sm-40:nth-child(2):after{
    background-color:#222;
    background: var(--main-color);
    /* background-image: url(/img/common/pattern.png); */
    background-size: inherit;
}

#top_interview .row .mobile-mb-40{}
#top_interview .row .staff-interview{
    width: 50%;
    display: inline-block;
    padding: 0 20px 0;
    margin: 0;
    letter-spacing: 0;
    background: transparent !important;
}
.side_text_bg{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
}
.side_text_bg>p.read_copy{
    background: transparent;
    font-size: 1.05em;
    margin: 60px 1em 0;
    padding: 2px 0 0;
    border-radius: 4px;
}
.side_text_bg>p.read_copy span{
    color: #ffffff;
    font-weight: bold;
}
#top_interview .row .staff-interview a{width: 100%;height: 350px;display: block;overflow: hidden;margin: 50px 0 0;}
#top_interview .row .staff-interview a img{
    padding: 0px 0 0;
}
#top_interview .row .staff-interview a p.read_copy{
    background: transparent;
}
#top_interview .row .staff-interview a div.staff{
    margin: 0;
    padding: 0;
    background: transparent !important;
}
#top_interview .row .desc2{
    width: 100%;
    display: inline-block;
    letter-spacing: 0;
    vertical-align: top;
    background: transparent;
    color: rgba(255, 255, 255, 0.65);
    font-size: 1.0em;
}
#top_interview .row{
    margin: 0 0 0;
    padding: 0 0 0;
}
#top_interview .row{}
#top_interview .row{}
#top_interview .interview_link{
    display: block;
    position: relative;
    width: 50%;
    margin: 50px auto 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.15);
    color: #343e3d;
    border-radius: 4px;
    line-height: 3.65em;
    transition: 0.5s;
    padding: 2px 0 0;
}
#top_interview .interview_link:hover{
  background: #333;
  color: #fff;
}
#top_interview .interview_link .department{
  font-weight:bold;
  font-size:1.25em;
}
#top_interview .interview_link .arrow_ico1,
#top_interview .interview_link .arrow_ico2{
}

dl.dl_cnt{
    letter-spacing: -.5em;
    margin: 5em 0 5em;
}
dl.dl_cnt dd{
    width: 60%;
    display: inline-block;
    letter-spacing: 0;
    font-size: 1.20em;
    line-height: 2.45em;
    font-weight: bold;
    margin: 0;
}
dl.dl_cnt dt{
    width: 40%;
    display: inline-block;
    letter-spacing: 0;
    font-size: 1.25em;
    line-height: 2.05em;
    font-weight: bold;
    vertical-align: top;
}
.ripple {
  position: relative;
  overflow: hidden;
}

.ripple .rp-effect {
  position: absolute;
  border-radius: 50%;
  opacity: 0.35;
  transform: scale(0);
  background: #555;
  animation: ripple 700ms;
}

@-webkit-keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2.0);
  }
}

@keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2.0);
  }
}
.scroll-arrow {
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  animation: arrow-wave 1s infinite;
  animation-direction: alternate;
  margin: 0 auto;
}
.scroll-arrow:nth-child(1) {
  animation-delay: 0.1s;
}
.scroll-arrow:nth-child(2) {
  animation-delay: 0.2s;
}
.scroll-arrow:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes arrow-wave {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}