@charset "UTF-8";

/*ジャンボトロン*/
.jumbotron { background:url("../img/hader_bg.svg") center no-repeat; background-size: cover; margin-bottom: 0px;}


/* Vマージン */
.block-mm-sm {
  margin-bottom: 15px;
  margin-top: 15px;	
}
.block-mm-md {
  margin-bottom: 30px;
  margin-top: 30px;
}
.block-mm-lg {
  margin-bottom: 60px;
  margin-top: 60px;
}

.block-mt-sm {
  margin-top: 15px;
}
.block-mt-md {
  margin-top: 30px;
}
.block-mt-lg {
  margin-top: 60px;
}

.block-mb-sm {
  margin-bottom: 15px;
}
.block-mb-md {
  margin-bottom: 30px;
}
.block-mb-lg {
  margin-bottom: 60px;
}


/* ネガティブマージン */
.block-nm-jt {
  margin-top: -15px;	
}

.block-nm-nav {
  margin-bottom: -15px;	
}


/* イメージの外枠 */
.img-fr {
	border: 0px solid #236635;
}

/* イメージ設定 */

img {
width:100%;
max-width: 100%;
height: auto;
}

/* フォント指定*/

.phone-no {
	font-weight: bold;
	font-size: 1.1em;
}

.Product-Note {
	font-size: 1.4em;
	line-height:1.8em;
	
}

.mainte-txt{
 line-height:2em;
}


/* リンク */
a {color: #000;}
a:active,
a:hover {color: #236635;}


/* 背景 */

.about-euros_bg {
background-image:url("../img/about-euros_bg.jpg"); background-size:contain; background-repeat : no-repeat; background-position: top;}

.tanit_bg {
background-image:url("../img/tanit_bg.svg"); background-size:contain; background-repeat : no-repeat; background-position: top; background-color: #eee ;}

.espine_bg {
background-image:url("../img/espine_bg.svg"); background-size:contain; background-repeat : no-repeat; background-position: top;}

.seminar_bg {
background-image:url("../img/seminar_bg.svg"); background-size:contain; background-repeat : repeat-y; background-position:left top; background-color: #e1eef4 ;}

.goodlives_bg {
background-image:url("../img/goodlives_bg.svg"); background-size:contain; background-repeat : repeat-y; background-position:right top; background-color: #e2f3e3 ;}


/* 可変フォント */

.image-add-text { font-size: 2.5vmin; }
.info-phone { font-size: 3.5vmin; text-align: center; }


/* ボーダー */

.euros-hr { border: 2px #be2321 solid; width: 100%; }
.gl-hr { border: 2px #236635 solid; width: 100%; }
.seminar-hr { border: 2px #06466f solid; width: 100%; }
.footer-hr { border: 1px #000 solid; width: 100%; margin-top: 0px;}

/* 色指定 */
.color-goodlives {color: #236635;}
.color-euros {color: #be2321;}
.color-seminar {color: #06466f;}


/* 基本設定 */
body, h1, h2, h3, h4, h5, h6, p, div {
	color: #000;
}

/* ヘッダ */
.heading-h2 { font-size: 1.8em; margin-bottom: -12px; }
.heading-h3 { font-size: 1.2em; margin-top: -12px; }
.header-goodlives { font-size: 1.2em; margin-bottom: -12px; color: #236635; }
.logo-hr { border: 1px #236635 solid; width: 98%; }
.header-euros { font-size: 1.2em; margin-top: -12px; color: #236635; }

.heading-euros { font-size: 1em; color: #FFF; background-color: #be2321; margin-bottom: 50px; width:auto;}
.heading-goodlives { font-size: 1em; color: #FFF; background-color: #236635; margin-bottom: 50px;}
.heading-seminar { font-size: 1em; color: #FFF; background-color: #06466f; margin-bottom: 50px;}

/*スライド設定*/
.bg-switcher {
    width: 100%;
    height: 55vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*ナビバー設定*/
.navbar-mb { margin: 0; padding: 0; }

.navbar-toggler{ border-color: #000; }

.navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,2)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}