.h_bar {
	display: none;
}
.mt_20 { margin-top: 20px;}
.mb_0 { margin-bottom: 0px !important;}
.mb_10 { margin-bottom: 10px;}
.mb_20 { margin-bottom: 20px;}
.mb_30 { margin-bottom: 30px;}
.mb_40 { margin-bottom: 40px;}
.mb_60 { margin-bottom: 60px;}
.f_12 {
	font-size: 1.2rem;
	line-height: 1.6;
}
.lead_ {
	font-size: 1.4rem;
    text-align: center;
    margin: 6% auto 11%;
    display: block;	
}
main {
    line-height: 2.1;
}
section {
	width: 840px;
	margin: 0 auto;
	margin-bottom: 11%;
	font-size: 1.0rem;
}
.in-blc {
    display: inline-block;
	vertical-align: middle;
}
.about {
	width: 580px;
}
.about_img {
	width: 200px;
	margin-right: 20%;
}
.about_img img {
	width: 100%;
	-webkit-backface-visibility: hidden;
}
.about_text {
	width: 245px;
	font-size: 1.2rem;
}
.item-text {
	z-index: 2;
	position: absolute;
}
.item-text img {
	width: 100%;
	-webkit-backface-visibility: hidden;
}


.img-area_ {
	position: relative;
	width: 50%;
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
}
.img-c img {
	width: 100%;
	-webkit-backface-visibility: hidden;
}

.text-area_ {
	width: 35%;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.1rem;
}
.m-right {
	margin-right: 14%;
}

.m-left {
	margin-left: 14%;
}
.m-left2 {
	margin-left: 10%;
}
.po-r {
	position: relative;
}
.po-a {
	position: absolute;
}
.brand_ {
	line-height: 1.0;
	font-size: 1.1rem;
	color: #8C8C8C;
	margin-bottom: 10px;
}
h3 {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.7;
	margin-bottom: 12%;
}
h4 {
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.7;
	margin-bottom: 12%;
	letter-spacing: 1px;
}
h5 {
	font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1px;
    margin: 0px 0px 0px 2px;
}

.text-back {
	background: #f4eed7 !important;
	padding: 5px 0px;
}
.f-J {
	font-family: 'Josefin Sans', sans-serif;
}
.crdit {
	line-height: 1.7;
	width: 70%;
}
.crdit2 {
	line-height: 1.7;
	width: 81%;
}
.crdit-area {
	margin-top: 10%;
	font-size: 1.2rem;
}
.crdit-area_child {
	display: inline-block;
	width: 44%;
	margin-right: 10%;
}
.item-li {
	display: inline-block;
	width: 40%;
	margin-right: 19%;
	margin-bottom: 9%;
}
.item-li p {
	font-size: 1.2rem;
}
/*////*/
.button_ {
  width: 58px;
  height: 27px;
  border: solid 1px #222;
  background: #fff;
  text-align: center;
  transition : 1s;
}
.eff {
  text-decoration: none;
	line-height: 27px;
	color: #222 !important;
	font-size: 1.1rem;
	letter-spacing: 1px;
}
.button_:hover{
    background: #222;
	border: solid 1px #222;
	color: #fff !important; 
	transition : .3s;
}
.eff:hover {
    color: #fff !important;
    background: #222;
}
.button_all {
	font-size: 1.4rem;
	margin: 0% auto 10%;
    width: 340px;
    height: 52px;
    border: solid 1px #222;
    background: #222;
    text-align: center;
    transition: 1s;
  }
  .eff2 {
	text-decoration: none;
	  line-height: 52px;
	  color: #fff !important;
  }
  
  .button_all:hover{
	  background: #fff;
	  border: solid 1px #222;
	  color: #222 !important; 
	  transition : .3s;
  }
  .eff2:hover {
	color: #222 !important; 
  }
.item-li img {
    -webkit-backface-visibility: hidden;
}
.topics {
    width: 100%;
    border: dashed 1px #a7a7a7;
    padding: 6%;
}
.topics_img {
    width: 48%;
    margin-right: 7%;
}
.topics_img img {
    -webkit-backface-visibility: hidden;
}
.topics_text {
    width: 43%;
    font-size: 1.2rem;
}