/*--------------------------------------------------------------
  Template Name: Portflow - Minimal Portfolio Template.
  Template URI: #
  Description: Portflow is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: Theme365
  Version: 1.0
---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/
.blog-details-thumb {margin-bottom: 20px;}
.cmt-18{font-size:18px;font-weight: bold;color:#666;line-height: 22px;}
.cmt-20{font-size:36px;color:#333;line-height: 36px;margin-bottom:44px;}
.cmt-22{font-size:22px;font-weight: bold;color:#666;line-height: 26px;}
.bradcaump__inner {z-index: 10;}

/*---------------------------------------
	logo 調整
--------------------------------------*/
.logo img{max-width: 170%;}	

.hosp {margin:1em 0 0 0;}

.hosp a:active {color:#333!important;}
.hosp a:visited {color:#333!important;}
.hosp a:focus {color:#333!important;}
.hosp a:hover {color:#ff4136!important;}
/*.hosp {align-items: center;
    display: flex;
    height: 100px;
    justify-content: space-between;
}

/* ----------------------------------------------------
	検査一覧 
-------------------------------------------------------*/
.blog-details-pra p{font-size:16px;}
.single-blog-comment h4{font-size:18px;font-weight: bold;}
.single-blog-comment h4::before{content: "\025b6  ";color:#FF6666;}
.single-blog-comment p{font-size:16px;}

.portfolio-description h5{margin:10px 0px;
position: relative;
padding-bottom: .3em;
margin-top: 0px;
}
.portfolio-description h5::after {position: absolute;
bottom: -4px;
left: 0;
z-index: 2;content: '';
width: 120px;
height: 1px;
background-color: #BDB3DF;
}
.portfolio-description p{margin-bottom: 20px;}
/*.col-md-8, .col-lg-8, .col-sm-12, .col-xs-12{padding-right:0px;padding-left:0px;}*/
/*------------------------------
  03. Bradcaump Area
--------------------------------*/
.ht__bradcaump__wrap {
    height:180px;/* ex240px  */
}
.ht__bradcaump__top {
    align-items: center;
    display: flex;
    height: 260px;/* ex 320px  */
	width:100%;
    overflow: hidden;
}
.ht__bradcaump__top video{width:100%;position: relative;}
.ht__bradcaump__top h2{
    font-family: 'Meiryo', 'メイリオ', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
        font-style: normal;
	font-size:38px;
/*	font-weight:bold;
	color:#333;
	text-shadow: 3px 3px 5px #fff;*/
	position: absolute;
        top:30%;
        left:18%;
	z-index: 1;}
@media (min-width: 769px) {
	.s-pc{display: none;}
}

@media (min-width: 992px) {
	.hosp-m {display: none;}
}
@media (max-width: 991px) {
	.hosp {display: none;}
	.hosp-m{margin-top:2em;}
}

@media (max-width: 1300px) {
.ht__bradcaump__top h2{
	left:12%;}
}
@media (max-width: 1200px) {
.ht__bradcaump__top h2{
	left:8%;}
}
@media (max-width: 768px) {
.ht__bradcaump__top {
	height: 180px;}
.ht__bradcaump__top h2{
	left:2%;
	font-size:28px;}
.l-pc{display: none;}
}
@media (max-width: 480px) {
.col-xs-6{padding-left:10px!important;padding-right:10px!important;}
.portfolio-menu-active{display:none;}
.ht__bradcaump__top {	height: 120px;}
.ht__bradcaump__top h2{
	left:2%;
	font-size:24px;}
}