/* CSS Document */
:root{
	--bs-primary:#f99f1c;
	--bs-primary-rgb:249,159,28;
}

html,body {font-family:'Alchemist_OE-Regular', Arial, "sans-serif";}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,strong,.fw-bold{font-family:'Alchemist_OE-Bold', Arial, "sans-serif";}

header{background-color: #f9f6f2;}
.fs-0{font-size: 4rem}
.circle{background-image: url("../img/circle.svg"); background-repeat: no-repeat; background-position: top center; background-size: contain; padding:8rem 2rem 2rem 2rem; margin-top:-3rem}

.points{ padding-right: 8px}
.points li{border-right:3px solid #f99f1c;list-style: none;margin-right: -15px; line-height: 1}
.points li .point-circle{display: inline-block; width: 11px; height: 11px; border:3px solid #f99f1c; border-radius: 100rem;  background-color:#fff;}
.points li .point-circle{transform: translate(7px,0px)}
.points li .point-txt{display: inline-block; transform: translate(0px,0px)}
.points li:first-of-type .point-circle{transform: translate(7px,-9px)}
.points li:first-of-type .point-txt{transform: translateY(-9px)}
.points li:last-of-type .point-circle{transform: translate(7px,9px)}
.points li:last-of-type .point-txt{transform: translateY(9px)}
.points li.line-change{border-color:#ffe600!important;}

.points li.deleted .point-circle{     border: 0;    background: transparent;    font-size: 15px;    font-weight: bold;    -webkit-text-stroke: 1px black;    color: white;    font-family: arial;}
.points li.deleted .point-txt{opacity: 0.5; position: relative;}
.points li.deleted .point-txt:before{content: ''; width: 100%; height: 2px; background-color:red; top:50%; left: 0; position: absolute;}

.points.line3 li{border-color:#d83d96;}
.points.line3 li .point-circle{border-color:#d83d96;}
.bg-line3{background-color:#d83d96;}

.points.line4 li{border-color:#6dc067;}
.points.line4 li .point-circle{border-color:#6dc067;}
.bg-line4{background-color:#6dc067;}

.points.line5 li{border-color:#447bbe;}
.points.line5 li .point-circle{border-color:#447bbe;}
.bg-line5{background-color:#447bbe;}

.points.line-m li{border-color:#00b2b0;}
.points.line-m li .point-circle{border-color:#00b2b0;}
.bg-muni{background-color:#00b2b0;}

.points.line-ntt li{border-color:#f23042;}
.points.line-ntt li .point-circle{border-color:#f23042;}
.bg-ntt{background-color:#f23042;}

.border-md-end-3{border-left: 3px solid var(--bs-border-color)!important;}
.border-md-bottom-3{border-bottom: 3px solid var(--bs-border-color)!important;}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f99f1c;
    --bs-btn-border-color: #f99f1c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #AF6904;
    --bs-btn-hover-border-color: #AF6904;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #AF6904;
    --bs-btn-active-border-color: #AF6904;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f99f1c;
    --bs-btn-disabled-border-color: #f99f1c;
}

@media screen and (width <= 776px) {
	.logo{height: 40px}
	.fs-0{font-size: 2rem}
	.fs-3{font-size: 1rem!important}
	.circle{padding: 4rem 2rem 0; margin-top:0rem}
	.border-md-end-3 {border-left: 0 !important;}

	
}