@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: #E87400;
}

.mzms_body {
 background-color: #FF9416;
}
.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 {
 position: relative;
 background-color: #FFC43A;
 max-width: 1000px;
 margin: 0 auto;
 padding: 0 16px 75px 16px;
 color: #843030;
 z-index: 1;
}


.mzms_mxwdt-140{
 flex: 0 0 auto;
 max-width: 140px;
}
.mzms_aspe_4-3{
 aspect-ratio: 4/3;
}
.mzms_f_orange{
 color: #FE6100;
}
.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;
}



.mzms_heading1 {
 margin-bottom: clamp(16px, 2vw, 44px);
 width: calc(100% + 32px);
 margin-left: -16px;
}
.mzms_presentnow {
 position: relative;
 margin-bottom: clamp(12px, 4vw, 24px);
}
.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 #E14F23;
 max-width: 640px;
 margin: 0 auto;
 z-index: 1;
 padding: 16px 40px;
}
.mzms_presentnowdetails{
 flex: 1 1 auto;
 display: flex;
 flex-direction: column;
 gap: 6px 10px;
}
.mzms_txtblock {
 position: relative;
 line-height: 1.7;
 margin-bottom: 12px;

}
.mzms_oubowrap{
 margin-bottom: clamp(32px,3vw,40px);
}
.mzms_ouboblock{
 max-width: 700px;
 margin: 0 auto;
 position: relative;
 margin-top: -8px;
 border-radius: 10px;
 padding: 24px clamp(8px,3vw,32px);
}
.mzms_oubocontent {
 border-bottom: 1px solid #001A4B;
 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: #001A4B;
 border-radius: 15px;
 text-align: center;
 color: #FFF;
 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;
}



@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: 80%;
  flex-wrap: wrap;
  justify-content: center;
 }
 .mzms_flex01>* {
  flex: 1 1 auto;
  text-align: center;
 }
 .mzms_mxwdt-140{
  max-width: 100%;
 }
 .mzms_presentnow>*{
  padding: 6px 6px 12px 6px;
 }
 .mzms_presentnow::before{
  left: -24px;
  top: 50%;
  translate: 0 -50%;
 }
 .mzms_presentnow::after{
  right: -24px;
  top: 50%;
  translate: 0 -50%;
 }
 .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);
 }
}
