@charset "UTF-8";
/*!
 *  tanken-fes/konchu-makuharishintoshin-aeonmall
 */
 
@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Noto+Sans+JP:wght@100;400;700&display=swap');

body {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12pt;
}

a:link {
    color: #ec302e;
}
a:visited {
    color: #ec302e;
}
a:hover {
    color: #1E90FF;
}
a:active {
    color: #1E90FF;
}

.btn {
    border-radius: 0.3rem;
    line-height: 1.2;
    padding: 0.5rem 1rem;
}

.btn-modal {
    border-radius: 0;
    line-height: 0;
    padding: 0;
    border: none;
    background: transparent;
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem 0;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none !important;
}

main h1 {
}
@media (max-width: 575.98px) {
	main h1 {
	}
}

main h2 {
	margin: 0 0 2.5rem 0;
	text-align: center;
	font-size: 1.75rem;
	font-weight: bold;
}
@media (max-width: 575.98px) {
	main h2 {
	font-size: 1.5rem;
	}
}
main h3 {
	margin: 1.875rem 0 0.625rem 0;
	text-align: left;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.5;
}
main h4 {
	margin: 1.25rem 0 0.315rem 0;
	text-align: left;
	font-weight: bold;
	font-size: 1.25rem;
}
main h5 {
	margin: 1.0rem 0 0.315rem 0;
	text-align: left;
	font-weight: bold;
	font-size: 1.0rem;
}

@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
}


/* h2_title */
.h2_title {
  text-align: center;
}
  .h2_title h2 {
    display: inline-block;
	width: 100% ;
    padding: 0.35rem 0.5rem;
    border-radius: 10px;
    font-size: 1.25rem !important;
    font-weight: bold;
}
    .h2_title h2.color1 {
      background: #1E90FF;
      color: #ffffff;
}
    .h2_title h2.color2 {
      background: #f8b62a;
      color: #ffffff;
}


.h2_title02 {
  text-align: center;
}
  .h2_title02 h2 {
    display: inline-block;
    padding: 0.35rem 2.0rem;
    border-radius: 2.5rem;
    font-size: 1.0rem !important;
    font-weight: bold;
    margin: 0 0 1.0rem 0 !important;
}
    .h2_title02 h2.color1 {
      background: #fd6e4d;
      color: #fff;
}
    .h2_title02 h2.color2 {
      background: #f8b62a;
      color: #ffffff; 
}
    .h2_title02 h2.color3 {
      background: #ec302e;
      color: #ffffff; 
}

.h3_title02 {
  text-align: center;
}
  .h3_title02 h3 {
    display: inline-block;
    padding: 0.35rem 2.0rem;
    border-radius: 2.5rem;
    font-size: 1.0rem !important;
    font-weight: bold;
    margin: 0 0 1.0rem 0 !important;
}
    .h3_title02 h3.color1 {
      background: #fd6e4d;
      color: #fff;
}
    .h3_title02 h3.color2 {
      background: #f8b62a;
      color: #ffffff; 
}
    .h3_title02 h3.color3 {
      background: #ec302e;
      color: #ffffff; 
}


.h2_title03 {
  text-align: center;
}
  .h2_title03 h2 {
    display: inline-block;
    padding: 0.35rem 2.0rem;
    border-radius: 1.5rem;
    font-size: 1.0rem !important;
    font-weight: bold;
    margin: 1.0rem 0 0 !important;
}
    .h2_title03 h2.color1 {
      background: #fd6e4d;
      color: #fff;
}
    .h2_title03 h2.color2 {
      background: #20B379;
      color: #fff; 
}
.h3_title03 {
  text-align: center;
}
  .h3_title03 h3 {
    display: inline-block;
    padding: 0.35rem 2.0rem;
    border-radius: 1.5rem;
    font-size: 1.0rem !important;
    font-weight: bold;
    margin: 1.0rem 0 0 !important;
}
    .h3_title03 h3.color1 {
      background: #fd6e4d;
      color: #fff;
}
    .h3_title03 h3.color2 {
      background: #20B379;
      color: #fff; 
}

/**
 *  メインビジュアル
 */
#slideMain {
	position: relative;
}
#mainvisualtop{
	padding: 0;
	max-width: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
}

#main-logo {
    position: absolute;
    z-index: 10;
	top: 10%;
	left: 8%;
    box-shadow: 0px 0px 15px white;
}
/*@media (min-width: 576px) {
#main-logo {
    position: absolute;
    z-index: 10;
	top: 10%;
	left: 8%;
    box-shadow: 0px 0px 15px white;
}
}*/
@media (max-width: 1399.98px) {
    #main-logo img { 
		width: 350px; 
	}
}
@media (max-width: 1199.98px) {
    #main-logo img {
		width: 300px; 
	}
}
@media (max-width: 991.98px) {
    #main-logo img {
		width: 250px; 
	}
}
@media (max-width: 767.98px) {
    #main-logo img {
		width: 200px; 
	}
}
@media (max-width: 575.98px) {
    #main-logo img { 
		width: 200px; 
	}
    #main-logo { 
		left: 15px; 
	}
}

main section {
    margin: 0;
    padding: 80px 0;
}


section#lead {
	margin-top: -120px;
	background-color: #fff;
}
	section#lead p{
		font-size: 1.125rem;
		line-height: 1.75;
	}
@media (max-width: 991.98px) {
	section#lead p{
		font-size: 1.075rem;
		line-height: 1.5;
	}
}
	section#lead a.top-navi {
		display: block;
		border: solid 3px #1E90FF;
		background: #fff;
		color: #1E90FF;
		text-align: center;
		padding: 1.75rem 0.25rem;
		border-radius: 10px;
		box-shadow: 0px 0px 8px #fff;
		position: relative;
	}
	section#lead a.top-navi em {
		font-style: normal;
		font-weight: bold;
		font-size: 150%;
	}
	section#lead .top-navi:hover {
		background: #1E90FF;
		color: #fff;
		transition: 0.5s;
	}
@media (max-width: 991.98px) {
	section#lead a.top-navi {
		padding: 1.75rem 0.25rem;
	}
	section#lead a.top-navi em {
		font-style: normal;
		font-weight: bold;
		font-size: 120%;
	}
}
@media (max-width: 767.98px) {
    section#lead a.top-navi {
	    padding: 1.75rem 0.25rem;
	    }
    }   
@media (max-width: 575.98px) {
	section#lead a.top-navi em {
		font-style: normal;
		font-weight: bold;
		font-size: 100%;
	}
}


/* news_section */
section#news {
	margin-top: -100px;
	background-color: #fff;
    position: relative;
}
section#news .container {
    max-width: 850px;
}

section#news img.newsphoto {
	display: inline-block;
	height: 5.0rem;
    width: auto;
    padding: 0.5rem 0.25rem 0;
}

@media screen and (min-width: 992px) {
    section#news h1 {
    font-size: 1.375rem;
    }
}
section#news .news_inner {
    margin: 0 auto;
}
section#news .news_inner li {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 0.0625rem solid #7f7f7f; 
}
section#news .news_inner li:first-child {
    padding-top: 0.5rem;
    border-top: 0.0625rem solid #7f7f7f; 
}
section#news .news_inner li:last-child {
    margin: 0; 
}
@media screen and (min-width: 768px) {
    section#news .news_inner li {
    display: flex;
    align-items: center; 
	}
}
@media screen and (min-width: 992px) {
    section#news .news_inner li {
    margin-bottom: 1.0rem;
    padding-bottom: 1.0rem;
	}
    section#news .news_inner li:first-child {
    padding-top: 1.0rem;
	}
    section#news img.newsphoto {
	display: inline-block;
	height: 6.5rem;
    width: auto;
    padding: 1.0rem 0.25rem 0;
}
}
    section#news .news_inner .date {
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
    color: #7f7f7f;
}
@media screen and (min-width: 768px) {
    section#news .news_inner .date {
    width: 20%;
    margin: 0;
    text-align: center;
	}
}
@media screen and (min-width: 992px) {
    section#news .news_inner .date {
    font-size: 0.875rem;
	}
}

@media screen and (min-width: 768px) {
    section#news .news_inner .title {
    width: 80%;
	}
}
@media screen and (min-width: 992px) {
    section#news .news_inner .title {
    font-size: 1.0rem;
	}
}

@media screen and (min-width: 768px) {
    section#news .news_inner .title {
    width: 80%;
	}
}
@media screen and (min-width: 992px) {
    section#news .news_inner .title {
    font-size: 1.0rem;
	}
}

section#news h1 {
	margin-bottom: 3.0rem;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
}
section#news h1 span {
	display: block;
	font-size: 1.0rem;
	margin-top: 0.75rem;
}
section#news .news_inner span.textbold {
	font-weight: bold;
}

section#news .news_inner span.textblack a:link {
    color: #000;
}
section#news .news_inner span.textblack a:visited {
    color: #000;
}
section#news .news_inner span.textblack a:hover {
    color: #1E90FF;
}
section#news .news_inner span.textblack a:active {
    color: #1E90FF;
}


/* feature_section */
section#feature {
	background-color: #d8eefd;
    background-image: url(../img/konchu_b2025.png);
	background-repeat: repeat-x repeat-y;
}
section#feature .container {
    max-width: 850px;
}
section#feature h4 {
    text-align: center;
}
section#feature .fee{
}
section#feature .feepanel{
	margin-bottom: 80px;
}
section#feature .fee .feetext{
    text-align: center;
}
section#feature .fee .feetext p{
    color: #543E39;
}
section#feature .fee .feetext span.feecolor{
    display: inline-block;
	vertical-align: text-bottom;
	max-width: 6.0rem;
    padding: 0.5rem 0.75rem;
	border-radius: 1.5rem;
    font-weight: bold;
	margin-right: 0.5rem;
    background: #543E39;
    color: #ffffff;
}
section#feature .fee .feetext span.yen {
    font-size: 4.0rem;
    color: #543E39;
    font-weight: bold;
}
section#feature .fee .feetext p.age {
	padding: 0 0 0.25rem;
    text-align: center;
	color: #ec302e;
}
section#feature .fee .supplementtext {
	padding: 0 1.0rem;
}
section#feature .fee .supplementtext p {
	text-indent: -1em;
	padding-left: 1em;
}
section#feature .fee .advancetext {
	padding: 0 1.0rem;
}
section#feature .fee .advancetext p {
	text-indent: -1em;
	padding-left: 1em;
}
section#feature .fee .advancetextred p {
	color:#ec302e;
	text-align: center;
    font-weight: bold;
}
section#feature .advance-btn {
	margin: 1.0rem 0;
}
section#feature .advance-btn a {
    display: block;
    margin: 0 auto;
    padding: 0.25rem 0;
    background: #fff;
    border: 0.0625rem solid #ec302e;
    border-radius: 1.75rem;
	max-width: 18.0rem;	
    font-weight: bold;
	font-size: 1.0rem;
    text-align: center;
    color: #ec302e;
    transition-duration: 0.5s;
}
section#feature .advance-btn a:hover {
    background: #ec302e;
    color: #fff;
}
section#feature .advance-btn i{
    margin-left: 1.0rem;
    font-size: 1.125rem; 
}
section#feature .highlighttop{
	display: inline-block;
}
section#feature .highlight {
	margin-top: 80px;
}
section#feature .benefits {
	margin-top: 40px;
}
section#feature .benefits p {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}
section#feature .benefits p.benefits-title {
	font-size: 1.0rem;
	padding: 1.0rem 0.5rem 0.5rem;
	text-align: center;
	font-weight: bold;
}
section#feature .benefits p.benefits-title span.benefits-title-1{
	font-size: 180%;
    background: #ec302e;
    color: #fff;
    padding: 0.25rem 0.75rem;
    border-radius: 2.0rem;
}
section#feature .benefits p.benefits-title span.benefits-title-2{
	font-size: 100%;
    background: #1E90FF;
    color: #fff;
    padding: 0.25rem 0.75rem;
    border-radius: 1.5rem;
}
section#feature .benefits p.benefits-title span.benefits-title-3{
	font-size: 100%;
    background: #20B379;
    color: #fff;
    padding: 0.25rem 0.75rem;
    border-radius: 1.5rem;
}
section#feature .benefits p.benefits-title02 {
	font-size: 1.0rem;
	padding: 0.125rem 0.5rem 0.75rem;
	text-align: center;
	font-weight: bold;
}
section#feature .benefits p.benefits-text {
	margin-bottom: 1.0rem;
	text-align: center;
	font-weight: bold;
}
section#feature .benefits p.benefits-text span.benefits-l {
	font-size: 140%;
}
section#feature .benefits p.benefits-note {
	font-size: 1.0rem;
	margin-bottom: 1.0rem;
	text-align: center;
	font-weight: bold;
    color: #ec302e;	
}
section#feature .benefits p.benefits-note-b {
	font-size: 1.25rem;
	margin: 1.0rem 0;
    color: #000;	
}
section#feature .benefits-fig {
    padding: 0rem 0.5rem;
}
section#feature img.benefits-fig02{
    max-width: 5.0rem;
}

section#feature .ticket01{
	margin: 0;
    padding: 0.25rem;
    border: 0.225rem solid #fd6e4d;
	border-radius: 1.0rem;
}
section#feature .ticket02{
	margin: 0;
    padding: 0.25rem;
    border: 0.225rem solid #20B379;
	border-radius: 1.0rem;
}

section#feature .video {
	margin: 80px 0 40px;
}
section#feature .video-contents{
	text-align: center;
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}
section#feature .video-contents iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section#feature .benefitspanel{
	margin-top: 40px;
}
section#contents {
    max-width: 100%;
    background-image: url(../img/konchu_back2.jpg);
	background-size: cover;
	background-position: center;
}
section#contents .container {
	max-width: 850px;
}

section#contents .tanken-map {
	margin: 0 0 4.0rem;
}
section#contents .tanken-map a {
    display: block;
    margin: 0 auto;
    padding: 0.25rem 0;
    background: #0FE9CA;
    border: 0.25rem solid #fff;
    border-radius: 1.75rem;
	max-width: 14.0rem;	
	font-size: 1.125rem;
    text-align: center;
    color: #000;
    transition-duration: 0.5s;
}
section#contents .tanken-map a:hover {
    background: #fff;
    border: 0.25rem solid #0FE9CA;
    color: #000;
}
section#contents .tanken-map i{
    margin-left: 1.0rem;
    font-size: 1.125rem; 
}

.h2_title {
  text-align: center;
}

section#contents .push {
    text-align: center;
}
  section#contents p.push-text {  
    display: inline-block;
    width: 100% ;
    padding: 0.25rem 0.75rem; 
    background: #ec302e;
	color: #fff;
    font-size: 0.875rem;
    text-align: center;
}
section#contents .label {
    position: absolute;
    color: #ffffff;
    font-size: 1.0rem;
    background: #ec302e;
    padding: 0.25rem 0.75rem; 
}
section#contents .label-left-top {
    left: 1.0rem;
    top: -1.0rem; 
}
section#contents .timetablepanel{
	margin-top: 40px;
}
section#contents .timetablepanel .supplementtext01 {
	padding: 0 1.0rem;
}
section#contents .timetablepanel .supplementtext02 {
	padding: 0 3.0rem;
}
section#contents .timetablepanel p.supplementtext03 {
	padding: 1.0rem 0 0;
}
section#contents .timetablepanel span.textred {
	color: #ec302e;
	font-weight: bold;
}
section#contents .timetablepanel span.textblk {
	font-weight: bold;
}
section#contents .timetablepanel span.textpb {
	display: inline-block;
    margin-bottom: 0.5rem;
}
section#outline {
	background-color: #DCEFFD;
    background-image: url(../img/konchu_b2025.png);
	background-repeat: repeat-x repeat-y;
}
section#outline .container {
    max-width: 850px;
}
section#outline .map {
	text-align: center;
	position: relative;
	width: 100%;
	padding-top: 75%; /* = height ÷ width × 100 */
	padding-right: 25px;
	padding-left: 25px;
}
section#outline .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section#outline .thanks {
	margin: 80px 0;
}
section#outline .thanks p.thanksname {
	margin: 0.25rem 0;
	text-align: center;
	font-size: 0.9rem;
}
section#outline .thanks a:link,section#outline .thanks a:visited,section#outline .thanksn a:hover,section#outline .thanks a:active{
  color: #404040; 
}

section#outline .event {
	}
section#outline .event_inner {
    margin: 0 auto;
}
section#outline .event_inner li {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
	border-bottom: 0.0625rem solid rgba(0,0,0,.125); 
}
section#outline .event_inner li:first-child {
    padding-top: 0.5rem;
}
section#outline .event_inner li:last-child {
    margin: 0;
	border-bottom: none;
}
section#outline .event_inner span.event_inner_text02{
	text-indent: -2em;
	padding-left: 2em;
}
section#outline .event_inner span.event_inner_text03{
	text-indent: -3em;
	padding-left: 3em;
}
section#outline .event_inner span.event_inner_text04{
	text-indent: -4em;
	padding-left: 4em;
}

section#outline .payment {
	margin: 0.75rem 0;
    padding: 0.75rem;
    background: #EBF9EE; 
}

section#outline .payment span {
    font-weight: bold;
	color: #30B271;
}

section#outline .ticket {
}
section#outline .workshop {
}
section#outline .note {
}
section#outline .note_inner {
    margin: 0 auto ;
}
section#outline .note_inner li {
    padding-bottom: 0.5rem;
	list-style-position: inside;
	line-height: 1.2;
	text-indent: -1em;
	padding-left: 1em;
}
section#outline .note_inner li:first-child {
    padding-top: 0.5rem;
}
section#outline .note_inner li:last-child {
    margin: 0;
}

section#contact {
    background-color: #fff;
}
section#contact .container {
    max-width: 850px;
}
section#contact .tanken-contact {
	margin: 2.0rem 0;
}
section#contact .tanken-contact a {
    display: block;
    max-width: 18.0rem;
    margin: 0 auto;
    padding: 0.75rem 0;
    background: #1e1a19;
    border: 0.0625rem solid #1e1a19;
    border-radius: 1.75rem;
    text-align: center;
    color: #ffffff;
    transition-duration: 0.5s;
}
section#contact .tanken-contact a:hover {
    background: #ffffff;
    color: #1e1a19;
}

.card {
    border-color: rgba(0,0,0,0.1);
}
.card-body {
     padding: 1rem 0.75rem;
}
.card-title {
    color: #000;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    padding: 0 0.75rem 0.75rem;
    margin: 0 0 0.75rem 0;
    border-bottom: solid 2px #ec302e;
}
.card-title02 {
    color: #000;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    padding: 0 0 0.75rem 0;
    margin: 0 0 0.75rem 0;
    border-bottom: solid 2px #f8b62a;
}
.card-title-only {
    color: #000;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    padding: 0 0 0.75rem 0;
    margin: 0 0 0.75rem 0;
}
.card-title-top {
    color: #000;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    padding: 2.0rem 0 0.5rem;
    margin: 0;
}
.card-text {
    color: #000;
    text-align: center;
    padding: 0;
}
.card-text-m {
    color: #ec302e;
	font-weight: bold;
    text-align: center;
    padding: 0;
}
.card-text-s {
    color: #ec302e;
    text-align: center;
    padding: 0;
	font-size: 90%;
}
.card-title h2 {
    text-align: center;
    font-size: 180%;
    font-weight: bold;
}
.circle-highlight {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 50%;
	object-fit:cover;
}
.circle-highlight.highlight01 {
	border: 0.5rem solid #00B050;
}
.circle-highlight.highlight02 {
	border: 0.5rem solid #FFC000;
}
.circle-highlight.highlight03 {
	border: 0.5rem solid #FF0066;
}
.card-body-highlight {
    padding: 1rem 0.5rem;
}
.card-title-highlight {
    color: #000;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    padding: 0 0.75rem 0.75rem;
    margin: 0 0.75rem 0.75rem;
}
.card-title-highlight.highlight01{
    border-bottom: solid 2px #00B050;
}
.card-title-highlight.highlight02{
    border-bottom: solid 2px #FFC000;
}
.card-title-highlight.highlight03{
    border-bottom: solid 2px #FF0066;
}

.card-text-highlight {
    color: #000;
    text-align: left;
    padding: 0 0.75rem;
}


p.point {
    text-align: center;
    font-size: 220%;
    font-family: 'Aclonica', sans-serif;
    margin: 30px 0 0 0;
    color: #fe5933;
}

p.note {
    font-size: 90%;
    text-align: right;
    color: #e8767c;
}
.r-panel {
    padding: 40px 25px 40px 25px;
    background: rgba(255,255,255,0.9);
    border-radius: 10px;
}
.bc-w {
    background-color: #fff;
}

.bc-stripe {
  background-image: linear-gradient(-45deg, #fff 25%, #fce6ba 25%, #fce6ba 50%, #fff 50%, #fff 75%, #fce6ba 75%, #fce6ba);
  background-size: 4px 4px;
}

.modal-title {
    font-weight: bold;
}
.modal-title span.titlecolor{
    display: inline-block;
    padding: 0.25rem 1.25rem;
    font-weight: bold;
    background: #ec302e;
    color: #ffffff;
	margin-bottom: 0.75rem;
}


.pagetop_section a {
	background: #404040;
	border: 0.0625rem solid #404040;
	color: #fff;
}

/**
 *  レスポンシブ調整用
 */
@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 991.98px) {
}
@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {

section#feature .ticket01{
    padding: 0.25rem 0.5rem;
}
section#feature .ticket02{
    padding: 0.25rem 0.5rem;
}
section#feature .fee .feetext{
    text-align: left;
}
section#feature .fee .feetext span.feecolor{
    display: inline-block;
	text-align: center;
	vertical-align: text-bottom;
	max-width: 5.0rem;
    padding: 0.5rem 0.5rem;
	border-radius: 1.5rem;
    font-weight: bold;
	margin-right: 0.25rem;
    background: #543E39;
    color: #ffffff;
}
section#feature .fee .feetext span.yen {
    font-size: 2.25rem;
    color: #543E39;
    font-weight: bold;
}
section#feature .fee .feetext p.age {
    text-align: left;
}
section#feature .fee .supplementtext {
	padding: 0;
}
section#feature .fee .advancetext {
	padding: 0;
}
section#contents .label {
	font-size: 95%;
    padding: 0.25rem;
}
section#contents .label-left-top {
	width: 100%;
	left: 0rem; 
    top: -2rem; 
}
section#contents .timetablepanel .supplementtext02 {
	padding: 0;
	text-align: left;
}
section#contents .timetablepanel .supplementtext03 {
	padding: 1.0rem 0 0;
	text-align: left;
}

section#feature .highlighttop{
	max-width: 80%;
}
section#outline .event_inner span.event_inner_text02{
	text-indent: 0;
	padding-left: 0;
}
section#outline .event_inner span.event_inner_text03{
	text-indent: 0;
	padding-left: 0;
}
section#outline .event_inner span.event_inner_text04{
	text-indent: 0;
	padding-left: 0;
}
.card-body {
     padding: 1rem 0;
}
}

.col-sm-15 {
    position: relative;
    min-height: 1px;
    padding-right: 1rem;
    padding-left: 1rem;
}
@media (min-width: 576px) {
    .col-sm-15 {
        width: 33%;
        flex: 0 0 30%;
    }
}
.subscript {
  vertical-align: sub;
}

@media (min-width: 991.98px){
	.spbr{
	display: none;
	}
}
@media (max-width: 767.98px){
	.pcbr{
	display: none;
	}
}