@charset "utf-8";
/* CSS Document */
img{
 max-width: 100%;
}
.tss_comprehensiveHead{
 position: relative;
 z-index: 1;
}
#adminBox, .acms-admin-box{
 position: relative;
 z-index: 1;
 margin-bottom: 0;
}
.tss_footer{
  background-color: #93E1D9;
}
.tss_footer a{color: darkslategray;font-size: 0.875rem;}

.mzms_body {
  background-color: #e1ffff;
  background-image: radial-gradient(circle, #b6ece8 5px, transparent 5px), radial-gradient(circle, #cdf2ef 5px, transparent 5px), radial-gradient(circle, #cdf2ef 5px, transparent 5px), radial-gradient(circle, #b6ece8 5px, transparent 5px);
  background-position: 0 0, 20px 0, 10px 20px, 30px 20px;
  background-size: 40px 40px;
}
/* .mzms_body::before{
 content: '';
 position: fixed;
 display: inline-block;
 left: 48px;
 top: 0px;
 background-image: url(../img/deco_bg.svg);
 background-size: contain;
 background-repeat: no-repeat;
 height: 95%;
 width: 330px;
}
.mzms_body::after{
 content: '';
 position: fixed;
 display: inline-block;
 right: 48px;
 top: 0px;
 background-image: url(../img/deco_bg.svg);
 transform: scale(-1, 1);
 background-size: contain;
 background-repeat: no-repeat;
 height: 95%;
 width: 330px;
} */

.mzms_content {
 background-color: #fff9d3;
 max-width: 1000px;
 margin: 0 auto;
 padding: 0 16px 75px 16px;
 color: #000000;
 box-shadow: 0 10px 20px rgb(112 212 208 / 90%);
}


.mzms_mxwdt-140{
 flex: 1 1 auto;
 max-width: 290px;
}
.mzms_aspe_4-3{
 aspect-ratio: 4/3;
}
.mzms_f_orange{
 color: #FF2F06;
}
.mzms_f_pink{
 color: #EF105A;
}
.mzms_f_black {
 color: #000000;
}
.mzms_f_10-12{
 font-size: clamp(0.625rem,2vw,0.75rem);
}
.mzms_f_10-14{
 font-size: clamp(0.625rem,2vw,0.875rem);
}
.mzms_f_12-14{
 font-size: clamp(0.75rem,2vw,0.875rem);
}
.mzms_f_12-16{
 font-size: clamp(0.75rem,2vw,1rem);
}
.mzms_f_14-16{
 font-size: clamp(0.875rem,3vw,1rem);
}
.mzms_f_14-22{
 font-size: clamp(0.875rem,3vw,1.375rem);
}
.mzms_f_16-20{
 font-size: clamp(1rem,3vw,1.25rem);
}
.mzms_f_12{
 font-size: 0.75rem;
}
.mzms_f_14{
 font-size: 0.875rem;
}
.mzms_f_18{
 font-size: clamp(1.125rem,4vw,1.375rem);
}
.mzms_f_bold{
 font-weight: 600;
}
.mzms_lineh_11{
 line-height: calc(16/14);
}
.mzms_lineh_13{
 line-height: calc(18/14);
}
.mzms_lineh_14{
 line-height: calc(20/14);
}
.mzms_txtcenter{
 text-align: center;
}
.mzms_bg_white{
 background-color: #fff;
}
.mzms_mgt8{
 margin-top: 8px;
}
.mzms_mgb8{
 margin-bottom: 8px;
}
.mzms_mgb14{
 margin-bottom: 14px;
}
.mzms_pdd_6{
 padding: 6px;
}
.mzms_bdr_10{
 border-radius: 10px;
}
.mzms_block{
 display: block;
 line-height:1.5;
}
.mzms_spbr{
 display: inline-block;
}
.mzms_pcbr{
 display: block;
}
.mzms_flex01 {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 gap: 8px 24px;
}
.mzms_flex02{
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
 gap: 8px;
 width: 180px;
 color: #01A553;
}



.mzms_heading1 {
 margin-bottom: clamp(16px, 2vw, 44px);
 width: calc(100% + 32px);
 margin-left: -16px;
}

.mzms_videoThum{
  margin: 24px 0 clamp(1.5rem, 0.338rem + 4.32vw, 2.5rem);
}

.mzms_presentnow {
 position: relative;
 margin-bottom: clamp(12px, 4vw, 32px);
}
h3{padding-top: 16px;}
/* 
.mzms_presentnow::before{
 content: '';
 position: absolute;
 display: inline-block;
 left: 0;
 top: 0;
 background-image: url(../img/deco_mini.svg);
 background-size: contain;
 background-repeat: no-repeat;
 width: clamp(60px, 19vw, 158px);
 height: clamp(64px, 20vw, 166px);
}
.mzms_presentnow::after{
 content: '';
 position: absolute;
 display: inline-block;
 right: 0;
 top: 0;
 background-image: url(../img/deco_mini.svg);
 background-size: contain;
 background-repeat: no-repeat;
 transform: scale(-1, 1);
 width: clamp(60px, 19vw, 158px);
 height: clamp(64px, 20vw, 166px);
} */
.mzms_presentnow>* {
 position: relative;
 border: 2px dashed #03853f;
 max-width: 790px;
 margin: 0 auto;
 z-index: 1;
 padding: 16px clamp(0.375rem, -1.417rem + 6.67vw, 1.5rem);/*6-24 430-700*/
 color:#00A654;
}
.mzms_presentnowdetails{
 flex: 1 1 auto;
 display: flex;
 flex-direction: column;
 gap: 6px 10px;
}

.mzms_presentnowdetails a{
  display: block;
 font-size: 0.75em;
 text-align: right;
 padding: 0.5em; 
 color: #666;
 transition: .2s text-decoration-color;
}
.mzms_presentnowdetails_url{margin-block-start: auto;}

.mzms_txtblock {
 position: relative;
 line-height: 1.7;
 margin-bottom: 12px;
}

.mzms_entry{
  width: 90%;
  max-width: 450px;
  margin: 2em auto;
  text-align: center;
}
.mzms_entry a{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bolder;
  text-decoration: none;
  border-radius: 100vh;
  border: 3px solid #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.27);
  background: #2955cf;
  min-height: 70px;
  margin-bottom: 1em;
  transition: 0.1s;
  font-size: 1.375em;
}
.mzms_entry p{font-size: 0.875em;}


.mzms_oubowrap{
 margin-bottom: clamp(32px,3vw,40px);
}
.mzms_ouboblock{
 max-width: 700px;
 margin: 0 auto;
 position: relative;
 margin-top: 1em;
 border-radius: 10px;
 padding: 32px clamp(8px,3vw,32px);
}
.mzms_oubocontent {
 border-bottom: 2px #979797 dotted;
 padding: 0 0 16px 0 ;
}
.mzms_oubodetails{
 padding: 16px 0 0 0;
}
.mzms_oubodetails dl{
 display: flex;
 flex-wrap: wrap;
 align-items: flex-start;
 gap: 16px 8px;
 color: #000000;
}
.mzms_oubodetails dl dt{
 width: 100px;
 background-color: #d9f1ce;
 border-radius: 15px;
 text-align: center;
 color: #185135;
 padding: clamp(4px,2vw,8px) 0;
}
.mzms_oubodetails dl dd{
 width: calc(100% - 110px);
 align-self: center;
}
.mzms_dotlist li{
 padding-left: 12px;
 position: relative;
}
.mzms_dotlist li::after{
 content: '';
 position: absolute;
 display: inline-block;
 left: 4px;
 top: 8px;
 width: 3px;
 height: 3px;
 border-radius: 50px;
 background-color: #000;
}
.mzms_presentpast{
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 gap: 8px;
}
.mzms_presentpast li{
 padding: 6px 6px 14px 6px;
}
.mzms_presentpast li p:nth-last-of-type(2){font-size: 0.78em;}


.mzms_presentnowdetails a:hover{text-decoration-color: transparent;}

@media screen and (max-width: 800px){
 .mzms_content{
  padding-bottom: calc(17.5vw + 120px);
 }
}



@media screen and (max-width: 640px){
 .mzms_pcbr{
  display: inline;
 }

 .mzms_flex01{
  max-width: 82%;
  flex-wrap: wrap;
  justify-content: center;
 }
 .mzms_flex01>* {
  flex: 1 1 auto;
  text-align: center;
 }
 .mzms_mxwdt-140{
  max-width: 100%;
 }
 .mzms_presentnow>*{
  padding-top: 24px;
  padding-bottom: 12px;
 }

 .mzms_presentnow::before{
  left: -24px;
  top: 50%;
  translate: 0 -50%;
}
.mzms_presentnow::after{
  right: -24px;
  top: 50%;
  translate: 0 -50%;
}


 .mzms_presentpast li{
 padding-top: 24px;
}

 .mzms_oubodetails dl{
  gap: 8px;
 }
 .mzms_oubodetails dl dd{
   width: 100%;
   margin-bottom: 8px;
 }
 .mzms_dotlist li{
  padding-left: 0;
 }
 .mzms_dotlist li::after{
  content: none;
 }
 .mzms_flex02{
  width: calc((100% - 8px) / 2);
 }
}

@media screen and (min-width: 481px){
  .mzms_entry a:hover{
    color: #2955cf;
    border: 3px solid #2955cf;
    background: #fff;
    box-shadow: none;
    transform: translateY(2px); 
  }
}