.be_bg_1{
/*name:.be_bg_1*/
/*date:2017-03-29 10:45*/
background:url(http://new.ae-ne.com/file/bggene_img/kasane/line/w/50/4.png) left top / auto repeat,
linear-gradient(90deg, rgba(255,255,255, 0.7) 100%, rgba(255,255,255, 0.7) 100%),
url(http://new.ae-ne.com/file/bggene_img/sozai/0874_argyle_m.jpg) repeat,
rgba(255,255,255,1);
}

.be_HeaderBack{
    border-top-width: 0px;
}


@media (max-width:768px) {
    #title_left_area img {
    max-height: 70px;
}
}
#wrap .btn {
    border-radius: 10px;
}

/*==========================================
	トップに戻るボタン（画像）
============================================*/  
.page-top a:before {
    content: " ";
    display:none;
}
@media (min-width: 768px){
.page-top a {
    background: none;
}
.page-top a:hover {
    background: none !important;    
}
}
/*==========================================
	モバイル用電話リンク（画像）
============================================*/    
.sp_pagebtm {
    display: block;
    width: 100%;
    line-height: 0;
    opacity: 1;
    position: fixed;
    left: 0;
    bottom: 0px;
    transition: all 0.4s linear 0s;
}    

.sp_pagebtm_wrap {
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.sp_btm_tel {
    margin:0 10px;
    width: auto;

}

.sp_btm_line img {
    width: 100%;
    max-width: 319px;
    height: auto;
}

.sp_btm_tel img {
    width: 100%;
    max-width: 384px;
    height: auto;
}


.sp_btm_web img {
    width: 100%;
    max-width: 390px;
    height: auto;
}

@media (min-width: 768px){
.sp_pagebtm {
    bottom: -300px;
}    
.sp_pagebtm a {
    line-height: 0;
}
.sp_pagebtm img {
    width: auto;
    max-width: 100%;
}
}

/*==========================================
	ナビのカスタマイズ
============================================*/  

.be_HeaderBack.navbar-grad .navbar-default ul.navbar-nav > li.active > a {
  background: none;
}
.be_HeaderBack.navbar-grad .navbar-default ul.navbar-nav > li.active > a:hover
{
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e5e5e5), to(#eee));
	background: -moz-linear-gradient(#e5e5e5, #eee);
	background: -ms-linear-gradient(#e5e5e5, #eee);

}

.be_HeaderBack .be_navbar_box {
  background: none;
}


.be_HeaderBack.navbar-grad .be_block_headernav, .be_HeaderBack.navbar-grad .be_block_headernav .be_scrolled {
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.be_HeaderBack .navbar-default {
  background: #fff;
}
.be_HeaderBack .navbar-default ul.navbar-nav {
  padding: 0px;
}
.be_HeaderBack .navbar.be_scroll {
  padding: 5px 0;
}

/*==========================================
	フッターのカスタマイズ
============================================*/ 
#footer a,#footer {
    color:#ffffff;
}
.be_FooterBack {
    background: #f00;
}

.label-white {
  background-color: #fff;
}


/************************************* 
デバイスの大きさに応じたフォントサイズ
 *************************************/
:root {
  /* h1フォントサイズ倍率 */
  --custom-h1-size: 1;
  /* h2フォントサイズ倍率 */
  --custom-h2-size: 0.9;
  /* h3フォントサイズ倍率 */
  --custom-h3-size: 0.8;
  /* leadフォントサイズ倍率 */
  --custom-lead-size: 1;
  /* bodyフォントサイズ倍率 */
  --custom-bodyfont-size: 1;
}

.font-h1 {
  font-size: calc(clamp(2.0rem, calc(1.5vw + 1.8rem), 3.5rem) * var(--custom-h1-size));
}

.font-h2 {
  font-size: calc(clamp(2.0rem, calc(1.5vw + 1.8rem), 3.5rem) * var(--custom-h2-size));
}

.font-h3 {
  font-size: calc(clamp(2.0rem, calc(1.5vw + 1.8rem), 3.5rem) * var(--custom-h3-size));
}

.font-h4 {
  font-size: calc(clamp(2.0rem, calc(1.5vw + 1.8rem), 3.5rem) * var(--custom-h3-size) * 0.9);
}

.font-h5 {
  font-size: calc(clamp(2.0rem, calc(1.5vw + 1.8rem), 3.5rem) * var(--custom-h3-size) * 0.8);
}

.font-h6 {
  font-size: calc(clamp(2.0rem, calc(1.5vw + 1.8rem), 3.5rem) * var(--custom-h3-size) * 0.7);
}

.lead {
  font-size: calc(clamp(2.0rem, calc(1.5vw + 1.8rem), 3.5rem) * var(--custom-lead-size) * 0.6);
}

body {
  font-size: calc(clamp(2.0rem, calc(1.5vw + 1.8rem), 3.5rem) * var(--custom-bodyfont-size) * 0.4);
}