html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, form,
dl, dt, dd, ol, ul, li, li a,
fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
form{margin:0; padding:0;}
table{border-collapse:collapse;}
address{font-style:normal;}
body{
	margin:0;
	padding:0;
	height:100%;
}
body div {display: block; }
address{font-style:normal;}
img {max-width:100%; height:auto;}
/*html { scroll-behavior: smooth; scroll-margin-top:-100px;}*/

a{	transition:ease 0.4s; text-decoration: none;}
p{
	padding-bottom: 1em;
	width: auto;
	line-height: normal;
}
em{font-style:normal;}

body {
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
background-color: rgba(249,251,252,1.00);
color: rgba(62,62,62,1.00);
}
.shade{
	background: url("../images/bhs.png") no-repeat left 80px;
	position: fixed;
	width: 100%;
	height: 900px;
	pointer-events: none;
	z-index: 50;
}
main{
	padding: 20px 0 40px 0;
	min-height: 65vh;
}
.wrap{	
padding: 0 0 0 50px;
}
.loader-wrap {
	position: fixed;
	display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 100%;
 background:rgba(249,251,252,1.00);
	z-index: 9999;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.2em;
  height: 2.2em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
	color: #5581D0;
	font-size: 12px;
	margin: 80px auto;
	position: relative;
	/* [disabled]text-indent: -9999em; */
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
/*----------------------------------------------------------- HEADER -*/
.header{
	height: 60px;
	top:-60px;
	position: fixed;
	width: 100%;
	transition: ease .5s;
	z-index: 200;
}
.header.fixed{
	top: 0;
	background-color: rgba(183,200,208,1.00);
}
.headinner{
	margin: 0 auto;
	width: 1000px;
	display: flex;
	justify-content: space-between;
}
nav ul.headnav{
	display: flex;
	flex-wrap: nowrap;
	width: 600px;
	margin: 15px 0 0 0;
	justify-content: flex-end;
}
nav ul.headnav li a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 3px 10px 2px;
	margin: 0 5px 0 0;
	display: inline-block;
	font-size: 16px;
}
 nav ul.headnav li a:hover {
	text-decoration: none;
	color: #777777;
	border-radius: 5px;
	background-color: #FFFFFF;
	text-shadow: none;
}

.headlogo a{
	width: 50px;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/bhs-w.svg") no-repeat center left;
	background-size: 35px;
	display: block;
}

.logoset{
	display: flex;
	margin-left: -80px;
}
.headlogotype{
	width: 100px;
	height: 40px;
	display: block;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	padding-top: 20px;
}

.headlogo a:hover{
	opacity: 0.7;
}
.headsocial{
	margin: 15px 20px 0 0;
}
.headsocial a{
	text-decoration: none;
	color: rgba(255,255,255,1.00);
}
.headsocial a span{
	font-size:32px;
	margin-left: 5px;
	transition: ease .5s;
}
.headsocial a:hover{
	color: rgba(236,238,240,1.00);
}

/*-----------------------------------------------------------------Hamburger-*/
.hamburger {
	position: fixed;
	left: 10px;
	top: 20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 500;
}
.ham_line {
  position: absolute;
  width: 30px;
  height: 3px;
  left: 0;
  background-color: #000;
  transition: all 0.5s;
}

.ham_line1 { top: 0px;}
.ham_line2 { top: 10px;}
.ham_line3 { top: 20px;}
.open .ham_line{	 background-color: #000 !important;}
.open .ham_line1 {
	-webkit-transform: rotate(220deg);
  transform: rotate(225deg);
  top: 10px;
}
.open .ham_line2 {
  -webkit-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
.open .ham_line3 {
  opacity: 0;
}
.sp-nav {
	position: fixed;
	left: -100%;
	top: 0;
	width: 50%;
	height: 100vh;
	background-color: #FFFFFB;
	transition: all 0.5s;
	z-index: 201;
	overflow-y: auto;
	padding: 50px 0 0 30px;
	box-shadow: 4px 0px 5px rgba(00,00,00,.2);
}
.sp-social{
	display: flex;
	margin: 20px 0 0 0;
	justify-content: center;
}
.sp-social a{
	text-align: center;
	display: inline-block;
	width: 50px;
}
.sp-social a span{
	display: inline;
	font-size: 42px;
}
.open .sp-nav {
  left: 0;
	padding-left: 60px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  cursor: pointer;
}
.open .black-bg {
  opacity: 0.3;
  visibility: visible;
}
.sp-nav ul{
	padding: 10vh 0 0 0;
}
.sp-nav  ul li a{
	text-decoration: blink;
	color: rgba(63,63,63,1.00);
	font-size: 34px;
	padding: 10px 0;
	display: block;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
.sp-nav  ul li a:hover{
	color:rgba(59,191,239,1.00);
}
/*----------------------------------------------------------- FOOTER -*/
footer.foot{
	height: 280px;
	background-color: #6F8797;
	width: 100%;
	display: block;
	color: #fff;
}
.footinner{
	margin: 0 auto 0;
	width: 980px;
	padding-top: 30px;
	display: flex;
}
.footlogo{
	width: 150px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/bhs2-w.svg") no-repeat left bottom;
	background-size: contain;
	height: 220px;
	display: block;
}
.copy{
	font-size: 12px;
	text-align: center;
}
nav.footnav{
	width: 600px;
	display: flex;
}
nav.footnav ul{
	padding: 40px 30px 10px;
}
nav.footnav ul li a{
	color: #fff;
	text-decoration: none;
}
nav.footnav ul li a:hover{
	width: auto;
	color: #333;
}
	nav.footnav ul li a span{
		display: inline-block;
		font-size: 25px;
		margin: 5px 0 0 2px;
}
.pagetop a{
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 11px;
	background-color: rgba(183,200,208,0.7);
	padding: 5px 10px;
	transition: ease 0.4s;
	color: #fff;
	position: fixed;
	bottom: 100px;
	right: 5%;
	opacity: .6;
}
.pagetop a:hover{
	opacity: 1;
}
.pagetop a span{font-size: 32px;
display: block;}
/*--------------------------------------------------------- BODY -*/
h2{
	padding: 0 0 0.8em 0;
	text-align: left;
	font-family: "ゴシックMB101 B" , "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
h2.balloon{
	display: inline-block;
	font-size: 20px;
	padding: 15px 15px 10px;
	border: 1px solid rgba(23,127,184,1.00);
	background-color: rgba(255,255,255,1.00);
	line-height: 1;
	color: rgba(33,132,188,1.00);
	position: relative;
	margin: 0 0 50px 0;
	border-radius: 10px;
}
h2.balloon:after,
h2.balloon:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:12%;
}
h2.balloon:after{
  border-color:rgba(249,251,252,0);
  border-top-width:24px;
  border-bottom-width:24px;
  border-left-width:3px;
  border-right-width:10px;
  margin-left: -8px;
  border-top-color:#fff;
}
h2.balloon:before{
  border-color: rgba(27,93,160,0);
  border-top-width:26px;
  border-bottom-width:26px;
  border-left-width:4px;
  border-right-width:11px;
  margin-left: -9px;
  margin-top: 1px;
  border-top-color:rgba(27,93,160,1.00);
}
h3{
	font-family: "ゴシックMB101 B" , "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	padding: 0 0 0.8em;
}
h2.portfolioh2,h3#name{
	font-size: 38px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
text-align: left;
}
section.sec01{
  margin: 0 auto;
  padding: 50px 0 40px 0;
  width: 980px;
}
section.sec02{
  margin: 0 auto;
  padding: 50px 0 80px 0;
  width: 980px;
}
section.sec03{
  margin: 0 auto;
  padding: 50px 0 80px 0;
  width: 1000px;
}
section.sec04{
	margin: 0 auto;
	padding: 50px 0 80px 0;
	background-color: rgba(212,227,232,1.00);
}
section.sec05{
	margin: 0 auto;
	padding: 50px 0 80px 0;
	background-color: rgba(229,238,241,1.00);
}
section.sec05 h2,
section.sec04 h2{
	display: block;
	width: 980px;
	margin: 0 auto;
}
section.sec01 a img{transition: ease .4s}
section.sec01 a img:hover{opacity: .7;}
table.bh-table{
	margin-bottom: 1em;
}
.bh-table td{
	padding: 5px 10px;
	border: rgba(172,172,172,1.00) 1px solid;
}
.bh-table th{
	border: rgba(172,172,172,1.00) 1px solid;
	padding: 5px 10px;
	font-weight: normal;
}
table.bh-table tr:nth-child(even) td,
table.bh-table tr:nth-child(even) th{
	background-color: rgba(217,224,235,0.50);
}
ul.e-ul{
	display: block;
	padding: 0 1em 1em;
	margin-left: 1em;
}
ol.e-ol {
	display: block;
	padding: 1em 0;
	margin-left: 2em;
}
ul.e-ul li{list-style-type: none;}
ul.e-ul li:before{
	content: "・"
}
blockquote{
	display: block;
	padding: 1em 2em;
}
.unit1{margin-bottom: 4em;}
.unit2,.unit3,.unit4{
	display: flex;
	justify-content: space-between;
	margin-bottom: 2em;
}
.unit.profile{width: 25%;}
.profile{
	width: 70%;
}
.unit img,.unit.profile img{
	max-width: 100%;
	height: auto;
	width: auto;
}
.unit2 .unit{width:49%;}
.unit3 .unit{width:32%;}
.unit4 .unit{width:23.5%;}
.unit3 .unit_3{width:64%;}
.unit4 .profile{
	width: 73%;
}
.unit_profile{
	display: flex;
	justify-content: space-between;
}
.unit4 .unit_top{
	width: 23%;
	padding: 20px 10px 10px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	font-size: 14px;
	border: 1px solid #ccc;
}
.unit4 .unit_top span{
	display: block;
	text-align: center;
	font-size: 44px;
	height: 60px;
	color: #5581D0;
}
.unit4 .unit_top span.large{
	font-size: 56px;
}
/*-----------------------------------------------------toppage-*/
h1.body-logo{
	background: url("../images/bhs.svg") no-repeat;
	background-size: 100px;
	width: 700px;
	padding-top: 40px;
	padding-right: 0;
	padding-left: 190px;
	padding-bottom: 0;
	height: 150px;
	font-size: 48px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}
h1.body-logo span{
	font-weight: normal;
	font-size: 14px;
	padding: 5px 0 0 0;
	display: block;
}
.slide{
	width: 72%;
	display: block;
	height: 340px;
	margin: 1em 0 5em 190px;
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 340px;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	padding-bottom: 20px;
	clear:both;
}
.slide-txt{
	font-size: 20px;
	text-align: right;
	padding: 280px 20px 0 0;
	text-shadow: 0px 0px 7px rgba(0,0,0,1), 0px 0px 3px rgba(0,0,0,1), 0px 0px 2px rgba(0,0,0,1);
	color: rgba(255,255,255,1);
}
.slider1{
	background-image: url(../images/top/img-7.jpg);
	background-size: cover;
	height: 340px;
	width: 100%;
}
.slider2{
	background-image: url(../images/top/img-gra.jpg);
	background-size: cover;
	height: 340px;
	width: 100%;
}
.slider2 .slide-txt{
}
.slider3{
	background-image: url(../images/top/img-ill2.jpg);
	background-size: cover;
	height: 340px;
	width: 100%;
}
.slider4{
	background-image: url(../images/top/img-ill1.jpg);
	background-size: cover;
	height: 340px;
	width: 100%;
}
.slider5{
	background-image: url(../images/top/img-pastel.jpg);
	background-size: cover;
	height: 340px;
	width: 100%;
}
.slider6{
	background-image: url(../images/top/img-sign.jpg);
	background-size: cover;
	height: 340px;
	width: 100%;
}
.slider7{
	background-image: url(../images/top/img-pen.jpg);
	background-size: cover;
	height: 340px;
	width: 100%;
}
.slider6 .slide-txt{
	text-shadow: 0px 0px 7px rgba(0,0,0,1);
	color: rgba(255,255,255,1);
}

ul.instaul{display: flex; list-style-type: none;}
ul.instaul li{ width: 220px; height: 220px; margin:0 30px 30px 0; object-fit: cover; overflow: hidden;}
ul.instaul li:nth-child(4n){ margin:0 0 30px 0; }
ul.instaul li a:hover{ opacity: 0.7;}

.top-info{
	margin: 0 auto 20px;
	width: 980px;
	border-bottom: 1px solid #ccc;
}
.top-info:last-child{border-bottom:none;}
.top-info a{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.top-info-img{
	width: 160px;
	border: 1px solid #ccc;
	height: 120px;
	margin-bottom: 20px;
	overflow: hidden;
}
.top-info-img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: ease 0.4s;
}
.top-info-img img:hover{
	opacity: 0.7;
}
.top-info-txt{ width: 780px;}
.top-info-txt span{ display: block; font-weight: bold;}
 a .top-info-txt{	color: rgba(63,63,63,1.00);}
 a .top-info-txt span{
	color: rgba(18,119,183,1.00);
}
a .top-info-txt span:hover,
a.hlink:hover{
	text-decoration: underline;
}

/*--------------------------------------------------------btn-*/
a.btn {
	transition: all .4s;
	display: block;
	margin: 20px auto;
	width: 100%;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
	color: rgba(103,103,103,1.00);
	box-shadow: inset 0 0px 0px 1px rgba(113,114,119,0.40);
}
a.btn:hover {
	color: rgba(255, 255, 255, 0.85);
	box-shadow: inset 0 0 0 60px rgba(113,114,119,0.70);
}
a.btn-blue {
	transition: all .4s;
	display: block;
	margin: 30px auto;
	width: 100%;
	text-decoration: none;
	text-align: center;
	background-color: rgba(89,143,200,1.00);
	font-size: 18px;
	padding: 10px 0;
	color: rgba(255,255,255,1.00);
	box-shadow: inset 0 0px 0px 1px rgba(216,216,216,0.50);
	-webkit-box-shadow: inset 0 0px 0px 1px rgba(216,216,216,0.50);
}

a.btn-blue:hover {
	color: rgba(255,255,255,1);
	box-shadow: inset 0 0 0 60px rgba(12,60,124,0.40);
	-webkit-box-shadow: inset 0 0 0 60px rgba(12,60,124,0.50);
}
.form-btn a.btn,.form-btn a.btn-blue{margin:0 1%}
a.btn-blue.arrow:after,
a.btn.arrow:after{
	font-family: "icomoon";
	content: "\e902";
	display: inline-block;
	padding-left: 10px;
	text-align: right;
	color: #fff;
	-webkit-appearance:none;
}
a.btn-blue.back:after,
a.btn.back:after{
	font-family: "icomoon";
	content: "\e903";
	display: inline-block;
	padding-left: 10px;
	text-align: right;
}
/*-----------*/
input.btn {
	transition: all .4s;
	display: block;
	margin: 20px auto;
	width: 100%;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	padding: 12px 0 10px;
	color: rgba(103,103,103,1.00);
	border: none;
	box-shadow: inset 0 0px 0px 1px rgba(113,114,119,0.40);
	-webkit-appearance:none;
}

input.btn:hover {
	color: rgba(255, 255, 255, 0.85);
	box-shadow: inset 0 0 0 60px rgba(113,114,119,0.70);
}
input.btn-blue {
	transition: all .4s;
	display: block;
	margin: 20px auto;
	width: 100%;
	text-decoration: none;
	text-align: center;
	background-color: rgba(89,143,200,1.00);
	font-size: 18px;
	padding: 12px 0 10px;
	border: none;
	color: rgba(255,255,255,1.00);
	cursor: pointer;
	box-shadow: inset 0 0px 0px 1px rgba(216,216,216,0.50);
	-webkit-box-shadow: inset 0 0px 0px 1px rgba(216,216,216,0.50);
	-webkit-appearance:none;
}

input.btn-blue:hover {
	color: rgba(255,255,255,1);
	box-shadow: inset 0 0 0 60px rgba(12,60,124,0.40);
	-webkit-box-shadow: inset 0 0 0 60px rgba(12,60,124,0.50);
}

.form-btn-box{
	display: flex;
	width: 100%;
	justify-content: space-between;
	-webkit-appearance:none;
}
.input-form,
.input-form-back{
	width:49%; position: relative;
	-webkit-appearance:none;
}
.input-form100{width: 100%; position: relative;}
.input-form:after,
.input-form100:after{
	font-family: "icomoon";
	content: "\e902";
	display: block;
 position: absolute;
	font-size: 24px;
	color: rgba(134,134,134,1.00);
 top: 60%;
 right: 30px;
 width: 20px;
 height: 10px;
 margin: -20px 0 0 0;
}
.input-form:after{
	color: #fff;
}
.input-form-back:after{
	font-family: "icomoon";
	content: "\e903";
	display: block;
 position: absolute;
	font-size: 24px;
	color: rgba(134,134,134,1.00);
 top: 60%;
 right: 30px;
 width: 20px;
 height: 10px;
 margin: -20px 0 0 0;
}
.input-form:hover:after,
.input-form-back:hover:after{
	color: #fff;
}

.input-form100-blue{width: 100%; position: relative;}
.input-form-blue:after,
.input-form100-blue:after{
	font-family: "icomoon";
	content: "\e902";
	display: block;
	position: absolute;
	font-size: 24px;
	color: rgba(255,255,255,1.00);
	top: 60%;
	right: 30px;
	width: 20px;
	height: 10px;
	margin: -20px 0 0 0;
}
input.btn-blue:after {
	color: rgba(255,255,255,1.00);
}

/*-------------------------------------------------------form-*/
.form-btn{
	display: flex;
}
table.form-table{
	margin: 1em 0 2em;
	width: 100%;
}
.form-table td{
	padding: 12px 10px;
	border: rgba(172,172,172,1.00) 1px solid;
}
.form-table th{
	border: rgba(172,172,172,1.00) 1px solid;
	padding: 12px 10px;
	font-weight: normal;
	width: 25%;
	vertical-align: middle;
}
.form-table th.need:after{
	content: "必須";
	color: rgba(231,0,3,1.00);
	font-size: 12px;
	padding-left: 5px;
}
ul.note{
	color: rgba(231,0,3,1.00);
	margin-left: 20px;
}
.note{	color: rgba(231,0,3,1.00);}
input.form{
	border-radius: 4px;
	border: 1px solid #AFB9C4;
	padding: 10px;
	width: 96%;
	background-color: rgba(255,255,255,1.00);
	font-size: 16px;
}
input.shortform{
	border-radius: 4px;
	border: 1px solid #AFB9C4;
	padding: 10px;
	width: 28%;
	margin-right: 13px;
	background-color: rgba(255,255,255,1.00);
	font-size: 16px;
}
select{
	padding: 5px 10px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #AFB9C4;
	font-size: 16px;
	-webkit-appearance:none;
}
textarea.form{
	border-radius: 4px;
	border: 1px solid #AFB9C4;
	padding: 10px;
	width: 96%;
	background-color: rgba(255,255,255,1.00);
	font-size: 16px;
	height: calc( 1.3em * 5 );
}
input[type=checkbox] {
 display: none;
}
.check_c {
 box-sizing: border-box;
 cursor: pointer;
 display: inline-block;
 padding: 5px 30px;
 position: relative;
 width: auto;
}
.check_c:before {
 background-color: #fff;
 border: 1px solid #231815;
 content: '';
 display: block;
 height: 16px;
 left: 5px;
 margin-top: -8px;
 position: absolute;
 top: 50%;
 width: 16px;
}
.check_c:after {
 border-right: 3px solid #95A1E8;
 border-bottom: 3px solid #95A1E8;
 content: '';
 display: block;
 height: 9px;
 left: 10px;
 margin-top: -7px;
 opacity: 0;
 position: absolute;
 top: 50%;
 transform: rotate(45deg);
 width: 5px;
}
input[type=checkbox]:checked + .check_c:after{
 opacity: 1;
}

input[type=radio] {
 display: none;
}
.radio_c {
 box-sizing: border-box;
 cursor: pointer;
 display: inline-block;
 padding: 5px 30px;
 position: relative;
 width: auto;
}
.radio_c:before {
 background-color: #fff;
 border: 1px solid #231815;
 border-radius: 50%;
 content: '';
 display: block;
 height: 16px;
 left: 5px;
 margin-top: -8px;
 position: absolute;
 top: 50%;
 width: 16px;
}
.radio_c:after {
	background-color: #95A1E8;
	border-radius: 50%;
	content: '';
	display: block;
	height: 10px;
	left: 9px;
	margin-top: -4px;
	opacity: 0;
	position: absolute;
	top: 50%;
	width: 10px;
}
input[type=radio]:checked + .radio_c:after {
 opacity: 1;
}
/*------------------------------------------------------2nd page-*/
.page{
	padding: 10px 0 5px 0;
	margin-top: 0px;
}
.page_inner{
	background: url("../images/bhs2-g.svg") no-repeat center left;
	background-size: 60px;
	margin: 0 auto;
	width: 920px;
	padding: 0 0 0 90px;
}
.page_inner_lab{
	background: url("../images/lab.svg") no-repeat center left;
	background-size: 90px;
	margin: 0 auto;
	width: 920px;
	padding: 0 0 0 100px;
}
.inqpage{
	background-color: rgba(252,252,200,0.90);
	padding: 10px 0 5px 0;
	margin-top: 20px;
}
.inqpage h1,.page h1 {
	font-size: 52px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}
.inqpage h1 span,.page h1 span{
	font-weight: normal;
	font-size: 14px;
	padding: 5px 0 0 0;
	display: block;
}
/*-----------------------------------------------------Portfolio-*/

.filter {
	margin: 30px 0;
}
.filter div {
	display: inline-block;
	padding: 8px 15px;
	border-radius: 25px;
	position: relative;
	margin-right: 15px;
	margin-bottom: 20px;
	text-decoration: none;
	color: #333;
	cursor: pointer;
	background-color: rgba(221,221,221,1.00);
}
.boxes {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-bottom: 4em;
}
.box{
	width: 31%;
	margin: 0 0 80px 0;
	font-size: 16px;
	line-height: 1.45em;
}
.box2{
	width: 47%;
	margin: 0 0 90px 0;
	font-size: 16px;
	line-height: 1.45em;
}
.box2 a:hover{
	text-decoration: underline;
}
.box img,.box2 img{
	box-sizing:border-box; 
	border: 1px solid rgba(178,178,178,1.00);
	margin: 0 0 0 0;
	display: block;
	transition: ease .4s;
}
.box a,.box2 a{
	color: rgba(79,135,248,1.00);
}
.box a img:hover,.box2 a img:hover{
	opacity: 0.7;
}
.box strong,.box2 strong{
	padding: 5px 10px;
	font-size: 16px;
	display: block;
	background-color: rgba(235,235,235,1.00);
	color: #333;
}
h2.tet{
	padding-bottom: 0;
	font-size: 26px;
}
span.listc{
	padding-right: 10px;
}
.filter div.active {
	background-color: rgba(172,202,249,1.00);
}
.is-animated {
  animation: .6s zoom-in;
}
@keyframes zoom-in {
  0% {
   transform: scale(.1);
  } 
  100% {
    transform: none;
  }
}
.works-opt{
	background-color: rgba(228,228,228,1.00);
	padding: 3px 10px 1px;
	border-radius: 15px;
	margin: 5px 0 0 0;
	display: inline-block;
}
.works-opt span{
	font-size: 18px;
	padding-right: 5px;
}
/*-----------------------------------------------------------WP-*/
span.category{
	text-transform: uppercase;
}
section.sidebar{
  margin: 0 auto;
  padding: 50px 0 80px 0;
  width: 980px;
}
.navigation{
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid rgba(199,199,199,1.00);
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.page-nav{
	padding: 10px;
	width: 50%;
	border: 1px solid rgba(199,199,199,1.00);
	border-radius: 5px 0 0 5px;
	box-sizing: border-box;
}
.page-nav:last-child{
	border-left: none;
	border-radius: 0 5px 5px 0;
}

.page-nav a{
	color: rgba(81,81,81,1.00);
	display: flex;
	transition: ease 0.4s;
}
.page-nav a:hover{
	background-color: #fff;
}
.nav-img{
	width: 160px;
	height: 100px;
	overflow: hidden;
	margin: 0 20px 0 0;
}
.nav-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: ease 0.4s;
}
.nav-img img:hover{
	opacity: 0.7;
}
.nav-txt{
	width: 290px;
	font-size: 14px;
	padding: 0 20px;
}
.nav-txt h3{font-size: 15px; padding-bottom: 0.5em;}
a .nav-txt h3{ color: rgba(18,119,183,1.00);}
a .nav-txt h3:hover{ text-decoration: underline;}

ul.monthly{
	margin: 10px 0 20px;
	list-style-type: none;
}
ul.monthly li a{
	color: rgba(81,81,81,1.00);
}
ul.monthly li a:hover{
	color: rgba(36,164,245,1.00);
}
h2.labh2{
	font-size: 28px;
}
h2.labh2 a {text-decoration: none; font-size: 30px; color: rgba(52,172,239,0.63); padding-left: 0.5em;}
span.category a{
	background-color: rgba(139,183,215,1.00);
	color: #fff;
	padding: 2px 10px;
	display: inline-block;
}
span.category.info_cat a{
	background-color: rgba(139,215,183,1.00);
}
span.category a:hover{opacity: 0.7;}
span.post-date{
	background-color: rgba(232,232,232,1.00);
	padding: 5px 10px;
}
.lab-list{
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid rgba(199,199,199,1.00);
}
.post-meta{
	padding-bottom: 50px;
}
.lab-list-box{
	display: flex; transition: ease 0.4s;
}
 a .lab-list-box:hover{
	opacity: 0.7;
	background-color: rgba(255,255,255,1.00);
}
.lab-list-img{
	width: 200px;
	height: 150px;
	object-fit: cover;
	overflow: hidden;
	margin-right: 25px;
}
a .lab-list-box .lab-list-txt{
	color: rgba(81,81,81,1.00);
	width: 800px;
}
.lab-list-img img{max-width: 100%; height: auto;}

.share_box{
	margin: 50px 0 0 0;
}
.share_box ul{
	list-style-type: none;
	display: flex;
}
.share_box ul li {width: 50px; height: 50px; display: block; margin: 0 10px 0 0; transition: ease 0.4s;}
li.tweet_btn{ background: url("../images/sns-tw.png") no-repeat center; background-size: contain;}
li.facebook_btn{ background: url("../images/sns-fb.png") no-repeat center; background-size: contain;}
li.line_btn{ background: url("../images/sns-li.png") no-repeat center; background-size: contain;}
.share_box ul li span{
	display: block;
	padding: 52px 0 0 0;
	text-align: center;
	color: #333;
}
.share_box ul li:hover{opacity: 0.7;}
pre.wp-block-code{
	display: inline-block;
	padding: 10px 20px;
	background-color: rgba(86,86,86,1.00); color: rgba(255,255,255,1.00);
	border-radius: 5px;
	margin: 20px 0 30px;
}
/*-------------------------------------------------------utility-*/
hr,
hr.wp-block-separator{
	display: block;
	height: 1px;
	border: none;
	border-bottom: 1px solid rgba(172,172,172,1.00);
	margin: 1em 0 3em;
	padding: 1em 0 2em;
}
figcaption{font-size: 80%;}
/*-------------------------------------------------------------------------------------
                                        MEDIA
-------------------------------------------------------------------------------------*/
@media screen and (min-width: 640px) {

}
@media screen and (max-width: 639px) {
.shade{
	width: 95%;
	height: 75vh;
	background-size: contain;
}
main{
	padding: 0 2% 40px 2%;
}
.wrap{
	padding: 0 0 0 0;
}

/*- HEADER -*/
.header{
	height: 50px;
	top:-50px;
}
.headinner{
	width: calc(100% - 35px);
}
nav ul.headnav{
	display: none;
}
.headlogo a{
	width: 32px;
	background: url("../images/bhs-w.svg") no-repeat center;
	background-size: 26px;
	height: 45px;
}
.logoset{
	margin-left:30px;
}
.headlogotype{
	width: 120px;
	height: 40px;
	font-size: 15px;
	padding-top: 10px;
}
.headsocial{
	margin: 12px 0 0 0;
	width: 100px;
}
.headsocial a span{
	font-size: 30px;
	margin-left: 0px;
}
/*--Hamburger-*/
.hamburger {
	left: 5px;
	top: 8px;
	width: 35px;
	height: 40px;
}
.ham_line {
 width: 25px;
 height: 3px;
	left: 5px;
	background-color: #333;
}
.header.fixed .ham_line{
	 background-color: #fff;
}
.ham_line1 {top: 8px;}
.ham_line2 {top: 18px;}
.ham_line3 {top: 28px;}
.open .ham_line1 {
	-webkit-transform: rotate(220deg);
 transform: rotate(225deg);
 top: 18px;
	left: 5px;
}
.sp-nav {
	width: 80%;
	height: 100vh;
	padding: 50px 0 0 15px;
}
.open .sp-nav {
	padding-left: 15px;
}
	.sp-nav  ul li a{
	font-size: 28px;
}
/*- FOOTER -*/
footer.foot{
	height: 180px;
}
.footinner{
	margin: 0 auto;
	width: 100%;
	padding-top: 10px;
}
.footlogo{
	width: 22%;
	background-position: center;
	height: 120px;
}
.pagetop a{
	bottom: 10px;
}
.copy{
	width: 100%;
	margin: 0 0 0 0;
	font-size: 10px;
}
nav.footnav{
	width: 76%;
}
nav.footnav ul{
	padding: 5px 20px 10px 10px;
	font-size: 14px;
}
nav.footnav ul li a:hover{
	color: #333;
}
	nav.footnav ul li span{
	font-size: 26px;
	display: block;
}

/*- BODY -*/
	h2{
	padding: 0 0 0.8em 0;
}
h2.balloon{font-size: 18px; display: block;}
h2.portfolioh2,h3#name{
	font-size: 38px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
text-align: left;
}
section.sec01{
	padding: 50px 0 40px 0;
	width: 100%;
}

section.sec02{
 margin: 0 auto;
 padding: 50px 0 80px 0;
	width: 100%;
}
section.sec03{
 padding: 50px 0 80px 0;
	width: 100%;
}
section.sec03 img,section.sec02 img,section.sec01 img{
	max-width: 100%;
	height: auto;
	width: auto;
}
section.sec04{
	margin: 0 auto;
	padding: 10px 2%;
	background-color: rgba(212,227,232,1.00);
}
section.sec05{
	margin: 0 auto;
	padding: 10px 2%;
	background-color: rgba(229,238,241,1.00);
}
section.sec05 h2,
section.sec04 h2{
	display: inherit;
	width: 100%;
	margin: 0;
}
table.bh-table{
	margin-bottom: 1em;
}
.bh-table td{
	padding: 5px 10px;
	border: rgba(172,172,172,1.00) 1px solid;
}
.bh-table th{
	border: rgba(172,172,172,1.00) 1px solid;
	padding: 5px 10px;
	font-weight: normal;
}
table.bh-table tr:nth-child(even) td,
table.bh-table tr:nth-child(even) th{
	background-color: rgba(217,224,235,0.50);
}
ul.e-ul{
	display: block;
	padding: 0 1em 1em;
	margin-left: 1em;
}
ol.e-ol {
	display: block;
	padding: 1em 0;
	margin-left: 2em;
}
ul.e-ul li{list-style-type: none;}
ul.e-ul li:before{
	content: "・"
}
.unit.profile{
	margin: 0 auto;
	width: 50%;
}
.unit1{margin-bottom: 4em;}
.unit2,.unit3,.unit4{
	margin-bottom: 2em;
}
.unit img,.unit.profile img{
	max-width: 100%;
	height: auto;
}
.profile{
	width: 86%;
	margin: 0 auto;
}
.unit_profile{
	display: block;
}
.unit4{flex-wrap: wrap; margin: 0;}
.unit4 .unit_top{
	width: 48.5%;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.3em;
}
.unit4 .unit_top span{
	display: block;
	text-align: center;
	font-size: 44px;
	height: 60px;
	color: #5581D0;
}
.unit4 .unit_top span.large{
	font-size: 56px;
}

/*-----------------------------------------------------toppage-*/
h1.body-logo{
	background-size: 80px;
	width: 100%;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 95px;
	padding-bottom: 0;
	height: 150px;
	font-size: 30px;
	line-height: 1.10em;
	box-sizing: border-box;
}
h1.body-logo span{
	font-size: 13px;
	padding: 4px 0 0 0;
	line-height: 1.4em;
	display: block;
}

.slide{
	display: block;
	width: 100%;
	height: 22vh;
	margin: 1em 0 4em;
}
.swiper-slide {
	height: 22vh;
}

.slide-txt{
	font-size: 18px;
	padding: 20vh 20px 0 0;
}
.slider1{
	height: 22vh;
	width: 100%;
}
.slider2{
	height: 22vh;
	width: 100%;
}
.slider3{
	height: 22vh;
	width: 100%;
}
.slider4{
	height: 22vh;
	width: 100%;
}
.slider5{
	height: 22vh;
	width: 100%;
}
.slider6{
	height: 22vh;
	width: 100%;
}
.slider7{
	height: 22vh;
	width: 100%;
}
ul.instaul{display: flex; list-style-type: none;  flex-wrap: wrap; justify-content:space-around;}
ul.instaul li{ width: 47%; height: 180px; margin:0 0 20px 0; object-fit: cover; overflow: hidden;}
ul.instaul li a:hover{ opacity: 0.7;}
.top-info{
	padding: 10px 0;
	width: 100%;
}
.top-info a{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.top-info-img{
	width: 25%;
	border: 1px solid #ccc;
	height: 70px;
	margin-bottom: 20px;
	overflow: hidden;
}
.top-info-img img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: ease 0.4s;
}
.top-info-img img:hover{
	opacity: 0.7;
}
.top-info-txt{ width: 70%;}
.top-info-txt span{ display: block; font-weight: bold;}
 a .top-info-txt{
	color: rgba(63,63,63,1.00);
	font-size: 14px;
	line-height: 1.3em;
}
 a .top-info-txt span{
	color: rgba(18,119,183,1.00);
}
 a .top-info-txt span:hover{
	text-decoration: underline;
}
/*--------------------------------------------------------btn-*/
a.btn {
	font-size: 18px;
	padding: 10px 0;
}
a.btn-blue {
	font-size: 18px;
	padding: 10px 0;
}

.form-btn a.btn,.form-btn a.btn-blue{margin:0 1%}
a.btn-blue.arrow:after,
a.btn.arrow:after{
}
a.btn-blue.back:after,
a.btn.back:after{
}
/*-----------*/
input.btn {
	font-size: 18px;
	padding: 12px 0 10px;
	-webkit-appearance:none;
}

input.btn-blue {
	font-size: 18px;
	padding: 12px 0 10px;
}

.form-btn-box{
	display: block;
	width: 100%;
}
.input-form,
.input-form-back{
	width:100%; position: relative;
}
	.input-form-back input{
	-webkit-appearance:none;
		background-color: rgba(255,255,255,1.00);
	}
/*.input-form100{width: 100%; position: relative;}
.input-form:after,
.input-form100:after{
	font-family: "icomoon";
	content: "\e902";
	display: block;
 position: absolute;
	font-size: 24px;
	color: rgba(134,134,134,1.00);
 top: 60%;
 right: 30px;
 width: 20px;
 height: 10px;
 margin: -20px 0 0 0;
}*/

.input-form-back:after{
	font-family: "icomoon";
	content: "\e903";
	display: block;
 position: absolute;
	font-size: 24px;
	color: rgba(134,134,134,1.00);
 top: 60%;
 right: 30px;
 width: 20px;
 height: 10px;
 margin: -20px 0 0 0;
}
.input-form:hover:after,
.input-form-back:hover:after{
	color: #fff;
}
/*-------------------------------------------------------form-*/

table.form-table{
	font-size: 14px;
}
.form-table td{
	padding:10px;
}
.form-table th{
	padding: 8px;
	width: 32%;
	line-height: 1.3em;
}
.form-table th.need:after{
	content: "必須";
	color: rgba(231,0,3,1.00);
	font-size: 11px;
	padding-left: 3px;
}

input.form{
	width: 92%;
}
input.shortform{
	width: 28%;
}
textarea.form{
	width: 92%;
}
/*input[type=checkbox] {
 display: none;
}
.check_c {
 box-sizing: border-box;
 cursor: pointer;
 display: inline-block;
 padding: 5px 30px;
 position: relative;
 width: auto;
}
.check_c:before {
 background-color: #fff;
 border: 1px solid #231815;
 content: '';
 display: block;
 height: 16px;
 left: 5px;
 margin-top: -8px;
 position: absolute;
 top: 50%;
 width: 16px;
}
.check_c:after {
 border-right: 3px solid #95A1E8;
 border-bottom: 3px solid #95A1E8;
 content: '';
 display: block;
 height: 9px;
 left: 10px;
 margin-top: -7px;
 opacity: 0;
 position: absolute;
 top: 50%;
 transform: rotate(45deg);
 width: 5px;
}
input[type=checkbox]:checked + .check_c:after{
 opacity: 1;
}

input[type=radio] {
 display: none;
}
.radio_c {
 box-sizing: border-box;
 cursor: pointer;
 display: inline-block;
 padding: 5px 30px;
 position: relative;
 width: auto;
}
.radio_c:before {
 background-color: #fff;
 border: 1px solid #231815;
 border-radius: 50%;
 content: '';
 display: block;
 height: 16px;
 left: 5px;
 margin-top: -8px;
 position: absolute;
 top: 50%;
 width: 16px;
}
.radio_c:after {
	background-color: #95A1E8;
	border-radius: 50%;
	content: '';
	display: block;
	height: 10px;
	left: 9px;
	margin-top: -4px;
	opacity: 0;
	position: absolute;
	top: 50%;
	width: 10px;
}
input[type=radio]:checked + .radio_c:after {
 opacity: 1;
}*/
/*------------------------------------------------------2nd page-*/
.page{
	padding: 0 0 5px 0;
	margin-top: 0;
}
.page_inner{
	background: url("../images/bhs2-g.svg") no-repeat 45px 10px;
	background-size: 40px;
	margin: 0 auto;
	width: 100%;
	padding: 10px 0 0 92px;
	box-sizing: border-box;
}
.page_inner p,.page_inner_lab p{ font-size: 14px; line-height: 1.3em;}
.page_inner_lab{
	background: url("../images/lab.svg") no-repeat 40px 10px;
	background-size: 76px;
	width: 100%;
	padding: 10px 0 0 120px;
	box-sizing: border-box;
}
.inqpage{
	padding: 10px 0 5px 0;
	margin-top: 20px;
}
.inqpage h1,.page h1 {
	font-size: 30px;
	width: auto;
}
.inqpage h1 span,.page h1 span{
}
/*-----------------------------------------------------Portfolio-*/

.filter {
	margin: 30px 0;
}
.filter div {
	padding: 5px 8px;
	border-radius: 20px;
	position: relative;
	margin-right: 5px;
	margin-bottom: 10px;
	font-size: 14px;
}
.boxes {
	margin-bottom: 2em;
}
.box{
	width: 48.5%;
	margin: 0 0 80px 0;
	font-size: 15px;
	line-height: 1.35em;
}
.box2{
	width: 100%;
	margin: 0 0 80px 0;
	font-size: 15px;
	line-height: 1.35em;
}
.box a img:hover,.box2 a img:hover{
	width: auto;
}
.box strong,.box2 strong{
	padding: 5px;
	font-size: 15px;
}
h2.tet{
	font-size: 20px;
}
@keyframes zoom-in {
  0% {
   transform: scale(.1);
  } 
  100% {
    transform: none;
  }
}
.works-opt{
	padding: 3px 10px 1px;
	margin: 5px 0 0 0;
}

/*-----------------------------------------------------------WP-*/
span.category{
	text-transform: uppercase;
}
section.sidebar{
  margin: 0 auto;
  padding: 50px 0 80px 0;
  width: 100%;
}
.navigation{
	margin-top: 30px;
	padding-top: 30px;
	display: block;
	margin-bottom: 50px;
}
.page-nav{
	padding:5px 10px;
	width: 100%;
	border-radius: 5px 5px 0 0;
}
.page-nav:last-child{
	border-top: none;
	border-left: 1px solid rgba(199,199,199,1.00);
	border-radius: 0 0 5px 5px;
}
.nav-img{
	width: 30%;
	height: 80px;
}
.nav-txt{
	width: 70%;
	font-size: 14px;
	padding: 0 10px;
}
.nav-txt h3{font-size: 15px;}

h2.labh2{
	font-size: 22px;
}
h2.labh2 a {text-decoration: none; font-size: 30px; color: rgba(52,172,239,0.63); padding-left: 0.5em;}
span.category a{
	padding: 2px 10px;
	font-size: 14px;
	display: inline-block;
}
span.category.info_cat a{
	background-color: rgba(139,215,183,1.00);
}
span.category a:hover{opacity: 0.7;}
span.post-date{
	padding: 5px 10px;
	font-size: 14px;
}
.lab-list{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(199,199,199,1.00);
}
.post-meta{
	padding-bottom: 20px;
}
.lab-list-box{
	display: flex; transition: ease 0.4s;
}
 a .lab-list-box:hover{
	opacity: 0.7;
	background-color: rgba(255,255,255,1.00);
}
.lab-list-img{
	width: 40%;
	height: 120px;
	object-fit: cover;
	overflow: hidden;
	margin-right: 25px;
}
a .lab-list-box .lab-list-txt{
	color: rgba(81,81,81,1.00);
	width: 60%;
	font-size: 14px;
	line-height: 1.3em;
}
.lab-list-img img{max-width: 100%; height: auto;}
}
/*---------------------------------------------------------------------------------- FONT -*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?sqsw69');
  src:  url('../fonts/icomoon.eot?sqsw69#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?sqsw69') format('truetype'),
    url('../fonts/icomoon.woff?sqsw69') format('woff'),
    url('../fonts/icomoon.svg?sqsw69#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  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-bhs-icon-respo:before {
  content: "\e908";
}
.icon-bhs-icon-print:before {
  content: "\e909";
}
.icon-bhs-icon-compass:before {
  content: "\e90b";
}
.icon-online-i:before {
  content: "\e90c";
}
.icon-flyer-i:before {
  content: "\e90d";
}
.icon-font-serch:before {
  content: "\e90a";
}
.icon-font-line:before {
  content: "\e905";
}
.icon-font-return:before {
  content: "\e904";
}
.icon-font-search:before {
  content: "\e906";
}
.icon-replay:before {
  content: "\e903";
}
.icon-desktop_mac:before {
  content: "\e907";
}
.icon-phone_iphone:before {
  content: "\e901";
}
.icon-arrow_back:before {
  content: "\e900";
}
.icon-arrow_forward:before {
  content: "\e902";
}
.icon-envelope-o:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-image:before {
  content: "\f03e";
}
.icon-photo:before {
  content: "\f03e";
}
.icon-picture-o:before {
  content: "\f03e";
}
.icon-edit:before {
  content: "\f044";
}
.icon-pencil-square-o:before {
  content: "\f044";
}
.icon-share-square-o:before {
  content: "\f045";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-mail-forward:before {
  content: "\f064";
}
.icon-share:before {
  content: "\f064";
}
.icon-exclamation-triangle:before {
  content: "\f071";
}
.icon-warning:before {
  content: "\f071";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-twitter-square:before {
  content: "\f081";
}
.icon-facebook-square:before {
  content: "\f082";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-flask:before {
  content: "\f0c3";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-chevron-circle-left:before {
  content: "\f137";
}
.icon-chevron-circle-right:before {
  content: "\f138";
}
.icon-youtube-square:before {
  content: "\f166";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-newspaper-o:before {
  content: "\f1ea";
}
.icon-phone:before {
  content: "\e942";
}
.icon-undo2:before {
  content: "\e967";
}
.icon-wordpress:before {
  content: "\eab4";
}
.icon-html-five2:before {
  content: "\eae5";
}