/* Common */

.videoArea_{
  position: relative;
}
.videoArea_::after{
  content: '';
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  width: 100%;
  height: 700px;
  margin: auto;
  background-color: #f5f5f7;
  z-index: -9999;
}
.h_bar{
  display: none;
}
h3{
  margin: 10% 0 5%;
}
h4{
  margin: 0 auto 3%;
}
h4 p{
  display: inline-block;
  font-size: 3.6rem;
  line-height: 1.5;
  font-family: 'Oswald', sans-serif;
}
h4 span{
  margin: 5px 1px;
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: top;
}
h5{
  font-size: 2.4rem;
  line-height: 1.5;
  border-left: #fe0000 10px solid;
  padding: 0 0 0 3%;
}
h5 span{
  font-size: 1.5rem;
  display: block;
  font-weight: normal;
}
h5 + p{
  margin: 5% 0;
  width: 250px;
  font-size: 1.3rem;
}
.list_ h5{
  font-size: 1.8rem;
  line-height: 1.5;
  border-left: #fe0000 10px solid;
  padding: 0 0 0 3%;
}
.list_ h5 span{
  font-size: 1.2rem;
  display: block;
  font-weight: normal;
}
.list_ h5 + p{
  margin: 5% 0;
  font-size: 1.3rem;
  width: 100%;
}
.brandArea_{
  width: 760px;
  margin: 5% auto 10%;
  text-align: left;
}
#ContentArea{
  padding: 5% 0 0 0;
}
.leadText_{
  font-size: 1.3rem;
  margin: 5% auto 10%;
}
.itemArea_ {
  margin: 5% 0;
  text-align: left;
}
.itemSpec_ {
  vertical-align: middle;
  line-height: 1.5;
  font-size: 1.2rem;
}
.itemSpec_ span{
  font-weight: bold;
}
.btn_ {
  margin: 5% 0;
  width: 100px;
  font-size: 1.2rem;
}
.btn_ a {
  border: 1px solid #000000;
  color: #ffffff;
  background-color: #000000;
  text-align: center;
  padding: 8px 0;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  /* line-height: 12px;*/
}
.btn_ a:hover {
  border: 1px solid #fe0000;
  color: #ffffff;
  background-color: #fe0000;
}
.co_i_{
  width: 48%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.co_t_{
  width: 52%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -20px; 
}
.staffArea_{
margin: 5% auto 15%;
  border: 1px solid #ebebeb;
  width: 856px;
}
.profile_{
  width: 24%;
  display: inline-block;
}
.staffCaption_{
  width: 65%;
  margin: 5% auto;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.staffName_{
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 2%;
}
.staffName_ span{
  font-size: 1.2rem;
  font-weight: normal;
}
.list_{
  width: 38%;
  display: inline-block;
  vertical-align: top;
  margin: 0 3%;
  text-align: left;
}
.list_ div:first-child{
  background: #f4f4f4;
  padding: 10% 0;
  margin: 5% 0 10%;
  text-align: center;
}
.c-marker {
  background: -webkit-linear-gradient(left, rgb(254,0,0) 50%, transparent 50%);
  background: -moz-linear-gradient(left, rgb(254,0,0) 50%, transparent 50%);
  background: linear-gradient(left, rgb(254,0,0) 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 200% 1em; 
  background-position: 100%;
  transition: 1s;
}
.c-marker.is-active{
  background-position: 0% ;
}
section{
  width: 856px;
  margin: 10em auto;
  text-align: center;
}
#mainArea{
  letter-spacing: 0;
  line-height: 2;
  color: #000000;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.bold{
  font-weight: 700;
}
.blc{
  display: block;
}
.in-blc{
  display: inline-block;
}
.right{
  text-align: right;
}
.left{
  text-align: left;
}
.center{
  text-align: center;
}
.border{
  border-bottom: 1px solid #dddddd;
}
.v-m{
  vertical-align: middle;
}
.v-t{
  vertical-align: top;
}
.normal{
  font-style: normal;
}
.f-ja{
  font-family: '縺薙�繧翫↑繧ｴ繧ｷ繝�け W6 JIS2004', '縺薙�繧翫↑繧ｴ繧ｷ繝�け W3 JIS2004', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN', 'Hiragino Kaku Gothic ProN', 'Noto Sans Japanese', '繝｡繧､繝ｪ繧ｪ', 'Meiryo';
}
.f-en{
  font-family: 'arial', sans-serif;
}