.kokuchi1{ background: linear-gradient(to bottom, #f5a739, #fdefbd);
    padding: 0.2rem;
    border-radius: 2pt;
    border-bottom: 1px solid #f5b879;    line-height: 0.8rem;
    color: #000;font-size: 0.5rem;    max-width: 400px;
    margin: auto;}

.kokuchi2{ background: linear-gradient(to bottom, #d895e7, #f0e4f5);
    padding: 0.3rem 0 0.2rem 0.2rem;
    border-radius: 2pt;
    border-bottom: 1px solid #d076db;
    line-height: 0.8rem;
    color: #000;font-size: 0.5rem;    max-width: 400px;
    margin: auto;}

.kokuchi3, a  .kokuchi3{    background: linear-gradient(to bottom, #f5a739, #fdefbd);
      padding: 0.5rem 0 0.3rem;
    border-radius: 2pt;
    border-bottom: 1px solid #f5b879;
    line-height: 1.5rem;
    color: #4d4d75;
    font-size: 1.5rem;
    max-width: 400px;
    margin: auto;
    letter-spacing: -0.1rem;
    text-shadow: 1px 2px 3px #ffffff; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
margin: 0.3rem auto 0.5rem;
}

 a  .kokuchi3:hover {
  color: #fff;
  background: #ffffcc;
}

.kokuchi4{     padding: 0.2rem;
    border-radius: 2pt;
    border: 2px solid #FF0000;
    line-height: 0.8rem;
    color: #000;
    font-size: 0.5rem;
    max-width: 400px;
    margin: 2px auto;}

.kokuchi4 span{font-weight: bold;}
.kokuchi4 .red{color: #ff0000;}

.kokuchi5{   padding: 0.5rem;
    border-radius: 2pt;
    border: 2px solid #FF0000;
    line-height: 1.7rem;
    color: #000;
    font-size: 1rem;
    max-width: 600px;
    margin: 2px auto;
    text-align: left;
    background: #f5f5dc;}
.kokuchi5 .red{color: #ff0000;}
.kokuchi5 .bule{color: #0075c1;}

.kokuchi6{
    line-height: 1rem;
    font-size: 0.7rem;}

.kokuchi7{ padding: 0.8rem;
   line-height: 1.6rem;
    color: #000;
    font-size: 1rem;
    max-width: 700px;
    margin:1rem auto 0;
    text-align: left;
    background: #f5f5dc;}

.kokuchi8{
    line-height: 1rem;
    font-size: 1rem;
   padding: 0.3rem;
       margin: 0.2rem auto;
}

.menu img {
    max-width: 400px;
}

.views-col {
   max-width: 410px;
    height: 200px;
    width: 100%;
    padding: 5px;
    margin: 0.2rem auto;
    border: #ccc 1px solid;
}

.views-row {
    max-width: 950px;
    margin: 0px auto;
    float: none;
    display: flex;
    flex-wrap: wrap;
}
.caption001{ 
   font-size: 1.1rem;
    padding: 1rem 0;
    line-height: 1.2rem;}

a.btn_02 {
    display: block;
	  font-size: 1.1rem;
    padding: 1rem 0;
    line-height: 1.2rem;
     height:90px;
	max-width: 400px;
	margin: auto;

	color: #000;
	transition: 0.5s;
}
a.btn_02:hover {

	background: #ccc;
}

.line{
   border-bottom:2px solid #0000ff;
}

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


.img-sp {
display: none;
}
.img-sp2 {
display: none;
}


.regi {
   
    background: url(/sites/default/files/bfic/images/img_bfic_top_400.png);
    object-fit: cover;
    width: auto;
height: 100px;
    max-width: 400px;
    object-position: 0 0;
    padding:2rem 0.5rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3rem;
/*background-size: 500px;*/

    }

.regi span{ font-size: 0.6rem;
    font-weight: normal;
    line-height: 0.3rem;}

.regi a{     
    height: 100px;
    display: block;
    color: #fff;}
 
.regi a:hover{
opacity: 0.7;}
/*----------------*/

.arrow_left {
  position: relative;
  display: inline-block;color:#fff;
}
 
.arrow_left::before { /* ﾃ｣ﾂ 湘｣ﾂ ｮﾃ･ﾂｭ窶氾｣ﾂ ｮﾃｨﾂ｡ﾂｨﾃｧﾂ､ﾂｺﾃｨﾂｨﾂｭﾃ･ﾂｮﾅ｡ */
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px; /* ﾃｨﾂｦﾂ ｧﾂｴ ﾃ｣ﾂ ｮﾃ･ﾂ渉ｳﾃ｣ﾂ≫€ｹﾃ｣窶壺€ｰﾃ｣ﾂ ｮﾃｨﾂｷﾂ敕ｩ窶ｺﾂ｢ */
  width: 7px;
  height: 7px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  transform: rotate(45deg); /* ﾃｨﾂｧ窶凖･ﾂｺﾂｦﾃｨﾂｪﾂｿﾃｦ窶｢ﾂｴ */
}
 
.arrow_left::after { /* waku */
 content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -6px; /* ﾃｨﾂｦﾂ ｧﾂｴ ﾃ｣ﾂ ｮﾃ･ﾂ渉ｳﾃ｣ﾂ≫€ｹﾃ｣窶壺€ｰﾃ｣ﾂ ｮﾃｨﾂｷﾂ敕ｩ窶ｺﾂ｢ */
ﾃ｣竄ｬ竄ｬbox-sizing: border-box;
	width: 16px;
	height: 16px;
	border: 1px solid #999;
}


.onde1 {
background: url(/sites/default/files/bfic/images/pro_200_250.png)no-repeat;    background-size: 77px;  object-position: center;}
.onde2 {
background: url(/sites/default/files/bfic/images/img_bfic_top_ondemand.png)no-repeat;    background-size: 88px;  object-position:ﾃ｣竄ｬ竄ｬcenter;}
.onde3 {
background: url(/sites/default/files/bfic/images/download200_200.png)no-repeat;    background-size: 90px;  object-position:center;}
.onde {
   object-fit: cover;
    width: auto;
    height: 100px;
    max-width: 400px;
    font-size: 2rem;
    padding: 2rem 0 0 8rem;
    }

.onde a{     height: 100px;
    display: block;
    color: #000;}

.onde a:hover{
opacity: 0.7;}

.onde_line {    border-block-end: #999999 1px dotted;}

.inph {
background: url(/sites/default/files/bfic/images/iNPH_100_400.jpg)no-repeat;
   object-fit: cover;
    width: auto;
    height: 100px;
    max-width: 400px;
    object-position: 0 0;
   font-size: 1.5rem;
    padding: 1.5rem 0 0 1rem;
    line-height: 1.6rem;
    color: #003399;
    }

.inph span{color: #000; font-size: 1.5rem;}

.inph a{    display: block;
        height: 100px;
    padding: 1.5rem 0 0 1rem;
   color: #003399;
    margin: -1.5rem -1rem;}

.inph a:hover{
opacity: 0.5;}

.v_point {
background: url(/sites/default/files/bfic/images/vizamyl_point.jpg)no-repeat;
   object-fit: cover;
    width: auto;
    height: 100px;
    max-width: 400px;
   font-size: 1.5rem;letter-spacing: 0.2rem;  font-weight: bold;
    padding: 1.5rem 0 0 1.1rem;
    line-height: 1.6rem;
  background-size: 300px; 
ﾃ｣竄ｬ竄ｬbackground-position: right top; }

.v_point a{      display: block;
    height: 100px;
    padding: 1.5rem 0 0 1rem;
    color: #0093c1;
    margin: -1.5rem -1rem;
  }

.v_point a:hover{
opacity: 0.5;}
/**/


.field--name-field-display-title h1 {
  display: none;
}

.link001:hover {
opacity: 0.5;}

/*ﾃ｣ﾂ≫€愿｣ﾂ≫€愿｣ﾂ≫€ｹﾃ｣窶壺€ｰﾃ｣窶堋ｹﾃ｣ﾆ椎ｾﾃ｣ﾆ停€ｺ*/

@media screen and (max-width: 768px){

.col-sm-12{ padding-right: 3px;
    padding-left: 3px;}

.views-col {
 width: 100% !important;margin: 0 auto;
height: auto;margin-top: 0.5rem;
}

.caption001{ 
    font-size: 0.8rem;
    padding: 0.5rem 0 1rem 0;
    line-height: 0.8rem;}

@media screen and (max-width:560px) {

.regi a {
    height: auto;}

.onde a {
    margin-top: -1rem;}

.img-pc {
        display: none;}

.img-sp {
    display: block;
    background: url(/sites/default/files/bfic/images/img_bfic_top_sp.png);
    object-fit: cover;
    width: auto;
    max-width: 400px;
    object-position: 0 0;
    padding:0.8rem 0.5rem;
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.5rem;
ﾃ｣竄ｬ竄ｬbackground-size: 500px;
ﾃ｣竄ｬ竄ｬmargin: 0rem auto;
    }

.img-sp div{
font-size: 0.6rem;
    font-weight: normal;}

.regi{
 height: auto;
    line-height: 1rem;
font-size: 1.3rem;}

.onde { font-size: 1.7rem;
      padding: 2rem 0 0 7rem;
    }

.pro {
    font-size: 1.6rem;
}

.inph {
   font-size: 1rem;
 line-height: 1rem; 
     height: 80px;   }

.inph span{
ﾃ｣竄ｬ竄ｬfont-size: 1rem;
ﾃ｣竄ｬ竄ｬ line-height: 1rem; }

a.btn_02 {
ﾃ｣竄ｬ竄ｬ font-size: 0.8rem;
    line-height: 1rem;
    height: auto;;
   }

.img-sp2 {
    display: block;  
    width: 100%;
    text-align: center;
}

 .onde_line {
    padding-bottom: 3px;}

.v_point {
letter-spacing: 0.1rem; } 
}