/************************************************************
* 覆蓋 Bootstrap 預設樣式
************************************************************/
:root {
	--primary: #c1af8b;
	--primary-darken: #4a1c1c;
	--primary-lighten: #f3f2e7;
	--secondary: #809a46;
}


hr {
     margin-top: 0rem;
}

.col-6{ padding-right: 5px; padding-left: 5px;}

.border {
	border-width: 2px !important;
}

.modal-content {
	border-bottom: 5px solid var(--primary);
}


.table-bordered td , .table-bordered td, .table-bordered th ,.table-bordered {border:none;}

th, td {
	vertical-align: middle !important; 
}

.table td, .table th {
    padding: 0.75rem 0;}

/************************************************************
* 自定樣式
************************************************************/
html, body {
	margin: 0px;
	padding: 0px;
	
}

body {
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
	-webkit-font-smoothing: antialiased;
	background-color: #fff;
}



h1, h2, h3, h4{
font-family: "Noto Serif JP";;
font-weight: bold;
}

.ls{letter-spacing: -0.3rem;}

h1{ font-size:2.3rem; line-height: 1.6; letter-spacing: 0rem; color:#302727;}

h2 {
	padding:1rem; margin:0 auto; max-width: 1150px; border:#c1af8b 1px solid; border-right:#95825e 5px solid; 
	border-bottom:#95825e 5px solid;
	font-size: 2.2rem;
	line-height: 1.5;
	letter-spacing: -0.1rem; 
}

h3 {
	font-size: 1.6rem; 
	letter-spacing: 0rem; 
	margin: 0;
	line-height: 1.8;
	color:#302727; 
}

h4 {
	line-height: 1.7;
}

h5 {
	font-size: 1.5rem;
	font-weight:bold;
	margin-bottom:0;
}

h6 {
	font-size: 1.3rem;
	line-height:1.8;

	letter-spacing: 0.1pt;
}

p {
	font-size: 1.1rem;
	line-height: 1.7;
	font-weight: normal;
	margin-bottom: 1.5rem!important;
}

p:last-child {
	margin-bottom: 0;
}

.dotted{border-bottom:3px dotted #d5c4b2; padding-bottom:15px;}


.emp {
	font-size:120%;
}


.text_white{color:#fff;}
.text_red{color:#c50013; font-weight: bold;}
.text-green{color:#b8bd99; font-weight: bold;}
.text-yellowbg{
	font-weight: bold;
    background: url(../images/text-yellowbg.webp) bottom repeat-x;}



strong, .strong {
	font-family: "Noto Serif JP";;
}


a {
	color: #999;
}

ul {
	list-style: none;
	margin:0 auto;
	max-width: 900px;
	
}

li {
	position: relative;
	margin-top: 0.8rem;
	font-size:1.1rem;
}

li:first-child {
	margin-top: 0;
}

.text-highlight {
	background: #ffeb3b;
	font-weight: 700;
}

.text-s{font-size:90%;}
.text-m{font-size:130%;}
.text-l{font-size:130%;}
.text-xl {font-size: 160%;}
.text-xxl {font-size: 180%;}
.text-xxxl {font-size: 220%;}
.text-red{color: #86020f; font-weight: 900;}
.text-blue{color:var(--primary); font-weight: 900;}

.shadow { box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);}


.bg-alt {background: url(../images/alt-bg.webp) repeat;}
.bg-macha{background-color: var(--secondary);}
.bg-yellow{background-color: #de910e;}
.bg-tilt{background: #f7f7f7;}
.bg-white {background-color: #fff;}
.bg-camel{background-color:#efebe3;}


.header-bg {
	background: url(../images/bg.mov) center top/cover no-repeat;
	background-attachment: fixed;
	height:auto;
}



main .container {
	position: relative;
	max-width: 1150px;
}

main .container p{
	position: relative;
	max-width: 900px;
	margin:0 auto;
}

.width900 {max-width: 900px; margin:0 auto;}
.corner{border-radius: 15px;}

.bg-btn {background-color: #fff;}

.btn-box{margin:0 auto; max-width:900px; border-radius: 15px; background-color: #fff; position: relative;	top: -90px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}


.bg-text01{	background: url(../images/textbg01.webp) top repeat-y; background-size: cover; }
.bg-text02{	background: url(../images/thyme.webp) top left no-repeat; background-size: 20% auto;}

.nayami-list li{
	border-bottom: #e1dccd solid 1px;
	font-size:1.4rem;
	padding:10px 0 20px 20px;
	font-family: "Noto Serif JP";
	text-indent: 0.1pt;
}

.nayami-list li:last-child{
	border-bottom: none;
}

.nayami-list li::before {
	position: absolute;
	content: '\f058';
	font-family: 'Font Awesome 5 Free';
	font-size: 2rem;
	font-weight: 900;
	left: -2rem;
	top: 5px;
	color: #37b740;
}

.beets{position:relative; top:-100px; left:calc(55% - 130px); width:calc(10% + 10px);}

.kaiketsu{margin-top: calc(-5vw - 30px);}

.definition .row {margin:0; flex-wrap:nowrap;}

.box {
    margin-top: 30px;
    position: relative;
    padding-bottom: 60px;
}

.bar-top{background-color: var(--primary-darken); height:35px;}

.color-circle {
	display: block;
	background: var(--primary);
	color: #fff;
	border-radius: 100%;
	width: 64px;
	height: 64px;
	line-height: 67px;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 900;
}


.card-body {
    padding: 0.5rem;
}


/*================= BADGEs ==================*/

.badge-primary {color: #fffaf4; background-color:#e4b07f; font-size:1rem; padding: 5px 10px;}
.badge-secondary {background-color: #fff; font-size:1rem; color:#de910e; padding: 5px 10px;}
.badge-third {color: #f0d7f6; font-size:1rem; background-color:#a88ab8; padding: 5px 10px;}
.badge-fourth {color: #e2fff6; font-size:1rem; background-color:#5bc0b6; padding: 5px 10px;}

/*================= できる ==================*/

.dekiru-subtitle{text-align: center; }
.dekiru-subtitle .subtitle-check {font-size:4rem; color:#e7e2c0; vertical-align: sub; margin-right:1rem;}
.dekiru-bg{background-image: ;}


/*================= HORIZONTAL SCROLL ==================*/

.horizontal-scroll h1{font-size:2rem;}
.horizontal-scroll-container{ margin-top: 350px!important; background:url(../images/steps-bg.webp) bottom center no-repeat; background-size: contain; background-attachment: fixed;}
.slide .container{max-width:80%;}
.slide h1{font-family: var(--secondary-font);}

.dekiru-margin-addjust{margin-top:-200px;}

/*================= 橫線 ==================*/


.speaker .box {
	border-top: 1px solid #302727;
}


.speaker .box .box-design span{
    display: inline-block;
    background: #efebe3;
    padding: 0 30px;
}

.speaker .box .box-design {
    position: absolute;
    top: -30px;
    left: 0;
}


/*================= RECIPE ==================*/

.youtube{
	position: relative;
	overflow: hidden;
	padding-bottom: 56.25%; /* 16:9 (9÷16=0.5625) */
  }
  .youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
  }

.recipe .title{
	position: relative;
	padding: 1rem 2rem 1rem 1rem;
	color:#fff;
	font-size:1.6rem;
	border-radius: 10px 10px 0 0;
	font-weight: bold;
}

.recipe .contents{
	padding: 15px 45px;
	background:#f5f3f0;
	border-radius: 0 0 15px 15px;
}


ul.recipe-list { padding-left:0; margin:0; letter-spacing: 0.3px;}

.recipe-list li{padding:2px; list-style: none; margin-top:0;}
.recipe-list li:last-child{border-bottom:none;}
.recipe-ps{font-size:1.2rem; color:#332f2c; line-height:1.8; font-family: "Noto Serif JP";;
	border-radius: 5px; background: #fff;  letter-spacing: 1px;
}

.recipe-talk-icon{
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/talk-icon.svg) no-repeat bottom; 
	background-size: contain; 
	font-size:0.9rem;
	position: relative; 
	top: -40px;
	left:-40px;
	width:120px; 
	height:45px;
	margin-bottom:-40px;
	rotate:-12deg;
	color:rgb(152, 62, 62);
	letter-spacing: -0.5px;
}


/*================= 定格背景 ==================*/

.scrollbox-bg{background: url(../images/scroll-bg.webp) repeat bottom; background-size:cover;
	height:300px;}

/*================= MARQUEE ==================*/

#marquee-one {
	/* 以下三組變數請依需求調整 */
	--seconds: 20s;  /* 設定 marquee 的速度     */
	--quantity: 7;  /* 設定 testimonial 的數量 */
	--width: 250px; /* 每個 testimonial 的寬度 */
}

.marquee-effect {
	overflow: hidden;
	--max-width: max(calc(var(--width) * var(--quantity)), 100%);
}

/*.marquee-effect:hover > .marquee-container {
	/* 滑鼠移入時暫停動畫 */
	/*animation-play-state: paused !important;
}*/

.marquee-effect > .marquee-container {
	width: var(--max-width);
	animation: var(--seconds) marquee-effect-left-to-right linear infinite;
}

.marquee-group {
	width: var(--max-width)
}

.card {
	width: var(--width); border:none; background:none;
}

.card-title{font-size:1.2rem; }


@keyframes marquee-effect-left-to-right {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-100%);
	}
}



/*================= TALK ICON ==================*/

.recipe .box .box-design, .speaker .box .box-design {
    text-align: center;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.talk-icon-white figure figcaption {
    color: var(--primary);
    text-align: center;
    width: 440px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 64px;
    margin: 0 auto 30px;
    background: #fff;
    font-size: 2rem;
    font-weight: 700;
}

.talk-icon-white figure figcaption::after {
    position: absolute;
    top: 100%;
    left: calc(50% - 15px);
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 15px 0 15px;
    border-color: #fff transparent transparent transparent;
}


/*================= CIRCLE BADGE ==================*/

.badge-steps {
	display: block;
	background: var(--primary);
	color: #fff;
	border-radius: 100%;
	width: 100px;
	height: 100px;
	text-align: center;
	font-size: 1.1rem;
	font-weight: 900;
}

.badge-steps .number {
	font-size: 2em;
	line-height: 1em;
	color:#fff;
}


/*================= HEADER MOVIE ==================*/

.header-video-size {width:auto;}

.header-mv, .dekiru-title-mv {
	position: relative;
  }
  .header-mv-video {
	height: 640px;
	overflow: hidden;
	position: relative;
	width: 100%;}

	.dekiru-mv-video {
	height: 240px;
	overflow: hidden;
	position: relative;
	width: 100%;}

  .header-mv-videobox {
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	min-width: 100%;
  }
  .header-mv-text {
	position: absolute;
	top: 30%;
	left: 50%;
	-webkit-transform: translate(-50%, -30%);
			transform: translate(-50%, -30%);
	width: 100%;
  }
  .header-mv-textinner {
	margin-left: auto;
	margin-right: auto;
	width: min(100%, 1330px);
  }

  .header-mv .overlay::after {
	content: "";
	background: rgba(53, 30, 20, 0.4);
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
  }

/*================= FOOTER ==================*/

footer {
	padding: 2% 0 5% 0;
	background: var(--primary-darken);
	color: #999;
	text-align: center;
}

footer p {
	font-weight: 400;
	font-size: 16px;
}

footer p:last-child {
	margin: 0px;
}

.opacity:hover{opacity: 0.8;
	transition: 0.1s ease-out}

.bottom-btn{bottom:0; height:50px; background-color: #ee9000; text-align: center; width:100%; color:#fff!important;
	font-size:1.5rem; font-weight:bold; font-family: "Noto Serif JP"; letter-spacing: 0rem; }

.bottom-btn a:hover{text-decoration: none;}



/*================= SUMMERY ==================*/

.recipe-fold summary{
	position: relative;
	list-style: none; /* デフォルトの三角形アイコンを消します */
	padding: 10px 0 10px 15px;
	border:1px solid #5c544c;
	cursor: pointer; /* ポインターを指さしマークに変更 */
}

.recipe-fold summary::-webkit-details-marker {
	display: none; /* Safariで表示されるデフォルトの三角形アイコンを消します */
}

.recipe-fold summary::after{
	position: absolute;
	width: 15px;
	height: 15px;
	top: calc(50% - 10px);
	right: 25px;
	border-right: 4px solid #5c544c;
	border-bottom: 4px solid #5c544c;
	box-sizing: border-box;
	content: "";
	transform: rotate(45deg);
	transition: top 0.4s ease-out, transform 0.4s ease-out;
}

.recipe-fold details[open] summary::after{
	top: calc(50% - 5px);
	transform: rotate(-135deg);
}

.recipe-fold .contents{
	padding: 15px 45px;
}

/*================= SUMMERY Table ==================*/



.table tr, .table th {
    padding: 0.5rem 0.35rem; border-bottom: solid 1px #dbcfc3;
	font-weight: normal;
}

.table thead th {
    border-bottom: solid 2px #5c544c;
}

.table tr:last-child {
    border-bottom:none;
}



/*================= CALENDAR ==================*/

.calendar{border-radius: 15px;  margin: 0 auto;}

.calendar .table .dotted{border-bottom:var(--primary) dotted 3px!important; }
.calendar .table td{
	font-size:1.1rem;
    padding: 0.75rem 2rem;
}
.calendar tr{border:none!important;}
.noborder {border-bottom:none!important;}

.winter, .spring, .summer, .fall{font-size: 1rem!important; padding: 0.2rem 1rem!important;}
.winter {background-color: #becfd1; color:#ffffff; font-size:0.8rem;}
.summer {background-color: #aedd8d; color:#ffffff; border-radius: 15px; }
.spring {background-color: #dfb0d7;  color:#ffffff; border-radius: 15px; }
.fall {background-color: #d0bd99; color:#f1f0e8; border-radius: 15px; }
.spring-icon, .fall-icon{position:relative; top:50px; right:70px;}
.winter-icon{position:relative; top:50px; left: calc(100% + 15px);}
.summer-icon{position:relative; top:90px; left: calc(100% - 5px);}


/*================ TESTIMONIAL ================*/


.testimonial h5{color:#809a46;}

.testimonial .container{max-width:900px;}

.testimonial-box{background: #fff; border-top:var(--primary) solid 10px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}

.braced-text {
	position: relative;
	display: inline-block;
	padding: 0rem 1.3rem 2rem 2rem;
	max-width:730px;
  }
  
  .braced-text:before,
  .braced-text:after {
	position: absolute;
	color: #dcd8d2;
	font-size: 4.6em;
	font-weight: bold;
	line-height: 1;
  }
  
  .braced-text:before {
	content: "「";
	top: -1rem;
	left: -3rem;
  }
  
  .braced-text:after {
	content: "」";
	bottom: 1rem;
	right: -3rem;
  }



/*================= QA =====================*/

.qa {
	font-weight: 700;
	background-size: auto 80px;
	font-size:1.1rem;
}

.question.card-title {
	color:#3f3732;
	border-radius: 5px;
	font-size:1.1rem;
	padding: 1rem 1.25rem;
	padding-left: calc(2rem + 35px);
	background:#efebe3 url(../images/bg-question.webp) no-repeat 1rem center;
}
.answer.card-body {
	padding: 1rem 1.25rem;
	padding-left: calc(2rem + 35px);
	line-height:1.5;
	background: url(../images/bg-answer.webp) no-repeat 1rem 1rem;
}

/*================= 手紙 ==================*/

.letter p{font-family: "Noto Serif JP"; font-size:1.4rem; letter-spacing: -1px;}


/************************************************************
* Bootstrap Small
************************************************************/

@media (max-width: 1500px) {
	.horizontal-scroll h1{ font-size:1.9rem;}
	.slide .container {max-width: 95%;}
	.badge-steps .number {font-size: 1.7em;}
	.badge-steps {
		width: 60px;
		height: 60px;
		font-size: 1.1rem;
	}
	.dekiru-margin-addjust{margin-top:-200px;}

}

@media (max-width: 1000px) {
	
.horizontal-scroll h1{ font-size:1.5rem;}
.slide .container {max-width: 95%;}
.badge-steps .number {font-size: 1.7em;}
	.badge-steps {
		width: 60px;
		height: 60px;
		font-size: 1.1rem;
	}
}


@media (max-width: 767.98px) {
	body {
		font-size: 0.95rem;
	}
	
	.img-mobile{width:50%;}
	.img-mobile90{width:80%;}
	
	.card-body p:last-child {
		margin-bottom: 0;
	}

	.recipe .contents {
	padding: 0px;
	}

	
	p {
		font-size: 1.1rem;
		padding: 0;
		margin-bottom: 1.6rem;
	}

	h1 {
		font-size: 1.8rem;
	}

	h2 {
		font-size: 1.4rem;
		line-height:1.3;
		padding-top:0.5rem;
		padding-bottom:0.3rem;
	}

	h3{font-size:1.2rem; line-height:1.5;}

	h5{font-size:1.1rem;}

	h6 {
		font-size: 1.1rem;
		line-height:1.8;
	}

	.text-s{font-size:95%;}
	.text-m{font-size:120%;}
	.text-l{font-size:120%;}
	.text-xl {font-size: 145%;}

	.bg-btn {background-color: #fff;}

	ul {
		max-width: 650px;
		font-weight: 900;
		margin-bottom: 0;
	}

	li {
		margin-top: 0.75rem;
		font-size:0.85rem;
	}
	
	.card-body li {font-size:1rem!important;}

	.header-bg {
		background: url(../images/header-bg-mobile.webp) no-repeat bottom center; background-size:cover;

	}

	.bg-text02{	background: none;}

	.beets {
		top: -40px;
		left: calc(40% - 10px);
		width: calc(10% + 30px);
	}

	.nayami-list li{	
		font-size:1.1rem;
		padding:5px 0 10px 10px;

	}

	
	.nayami-list li::before {
		position: absolute;
		content: '\f058';
		font-family: 'Font Awesome 5 Free';
		font-size: 1.5rem;
		font-weight: 900;
		left: -2rem;
		top: 2px;
		color: #37b740;
	}

	.check-circle {line-height: 1.3;}
	
	.check-circle li::before {
			font-size: 1.25rem;
			left: -2.3rem;
			top: -3px;
		}


	.color-circle {
		width: 48px;
		height: 48px;
		line-height: 50px;
		font-size: 1.25rem;
	}

	.scrollbox-bg {
		background: var(--primary-darken);
		height: 150px;
	}
	

	.box-bg{background: url(../images/box-bg.webp) no-repeat bottom center; background-size: cover;
		background-attachment:scroll;
		height:200px;}

	.badge-experience {
		width: 70px;
		height: 70px;
	}

	.badge-experience .number {
		font-size: 1.5em;
		line-height: 1em;
	}


	.speaker .card-header {
		padding: 0;
		padding-top: 1rem;
	}

	.nayami .box {margin-top:50px; padding: 40px 6% 30px;}

	.nayami .box .box-design span {
		padding: 0 20px;
	}

	.nayami .box .box-design {
		font-size: 1.5rem;}

.talk-icon-white figure figcaption {
    color: var(--primary);
    text-align: center;
    width: auto;
    height: 50px;
    font-size: 1.8rem;

}

.dekiru-subtitle .subtitle-check {font-size:1.8rem;margin-right:0.6rem;}
		
.header-video-size {width:100%;}

.header-mv-video {
	max-height: 700px;
  }


footer {
	padding-top: 7%;
	padding-bottom: 15%;
}

footer p{font-size: 18px;}

.dotted{border-bottom:none;}



/*================= TESTIMONIAL ==================*/


.testimonial h5{font-size:1.4rem;}

.braced-text, .braced-text-wide {

	width:auto;
	padding: 0.7rem 0.5rem 1rem 1.1rem;
  }
  
  .braced-text:before,
  .braced-text:after, .braced-text-wide:before, .braced-text-wide:after {
	font-size: 2.5em;
  }
  
  .braced-text:before, .braced-text-wide:before {
	top: -0.5rem;
	left: -1.3rem;
  }
  
  .braced-text:after, .braced-text-wide:after {
	bottom: 0rem;
	right: -1.3rem;
  }

/*================= RECIPE ==================*/

.recipe p{font-size:95%;}
.recipe-ps{font-size:95%; font-family:var(--secondary-font);}

.table td, .table th {
    padding: 0.35rem; font-size:90%;
}

.recipe .title {
    position: relative;
    padding: 1rem 0.5rem;
	font-size: 1rem;
}

.badge-secondary {
    background-color: #fff;
    font-size: 0.7rem;
    color: #de910e;
	padding:5px 10px 3px;
}

.recipe-fold summary{
	font-size: 95%;
}

.recipe-list li{line-height:1.8;}

.recipe-talk-icon{
	font-size:0.9rem;
	top: -35px;
	left:-30px;
	width:80px; 
	height:40px;
	margin-bottom:-30px;
	rotate:-10deg;
}

.badge-primary, .badge-third, .badge-fourth {
    font-size: 0.8rem;
	padding:5px 10px 3px;
}


/*================= LETTER ==================*/


.letter p{font-size:1.1rem; font-family:var(--secondary-font); letter-spacing: 0;}


/*================= MARQUEE ==================*/

#marquee-one {
	/* 以下三組變數請依需求調整 */
	--seconds: 20s;  /* 設定 marquee 的速度     */
	--quantity: 7;  /* 設定 testimonial 的數量 */
	--width: 180px; /* 每個 testimonial 的寬度 */
}

.marquee-effect {
	cursor: pointer;
	overflow: hidden;
	--max-width: max(calc(var(--width) * var(--quantity)), 100%);
}

.marquee-effect:hover > .marquee-container {
	/* 滑鼠移入時暫停動畫 */
	animation-play-state: none;
}

.marquee-effect > .marquee-container {
	width: var(--max-width);
	animation: var(--seconds) marquee-effect-left-to-right linear infinite;
}

.dekiru-margin-addjust{margin-top:0px;}

.card-title{font-size:1rem; }

.horizontal-scroll{ margin-top: 0px!important;}



/*================= CALENDAR=====================*/

.winter, .spring, .summer, .fall{font-size: 0.7rem!important; padding: 0.2rem 1rem!important;}

.calendar .table td {
    font-size: 90%;
    padding: 0.3rem 0rem 0.3rem 0.5rem;
}

.spring-icon{position:relative; top:-35px; right:15px; width:45px; height:auto;}
.fall-icon{position:relative; top:100px; left: calc(90% - 25px);}
.winter-icon{position:relative; top:15px; left: calc(90% - 10px);}
.summer-icon{position:relative; top:-40px; left: calc(90% - 25px);}

}

/*================= QA =====================*/

.question.card-title, .answer.card-body {
	padding-left: calc(2rem + 24px);
	background-position: 1rem 1.2rem;
	background-size: 24px;
}

.answer.card-body {

font-weight:normal;
}	

/*================= 3 STEPS =====================*/

.horizontal-scroll-container{margin-top:0px!important;}



/************************************************************
* Bootstrap Extra Small
************************************************************/
@media (max-width: 575.98px) {

	.horizontal-scroll-container{margin-top:0px!important;}

	.countdown-container h3 {
		font-size: 1.75rem;
	}

	.countdown-container h4 {
		font-size: 1rem;
	}

	.countdown-container .price {
		font-size: 1.75rem;
	}



	.header-mv-video {
	  max-height: 430px;
	}

	.badge-steps {
		width: 50px;
		height: 50px;
		font-size: 1rem;
	}
	
	.badge-steps .number {
		font-size: 1.4em;
	}
  }