@charset "utf-8";
/* CSS Document */
img{
 max-width: 100%;
}
.tss_comprehensiveHead{
 position: relative;
 z-index: 4;
}
#adminBox, .acms-admin-box{
 position: relative;
 z-index: 4;
 margin-bottom: 0;
}
.tss_footer{
  background-color: #FFD6A1;
}
.tss_footer a{
  color: #666666;
}

.trtt_body::before{
  content: '';
  position: fixed;
  display: inline-block;
  left: 0;
  top: 0px;
  height: 100vh;
  width: 356px;
  background-image: linear-gradient(90deg, rgba(255, 214, 161, 1) 10%, rgba(255, 255, 255, 0) 90%);
  z-index: 3;
}
.trtt_body::after{
  content: '';
  position: fixed;
  display: inline-block;
  right: 0;
  top: 28px;
  height: 100vh;
  width: 356px;
  background-image: linear-gradient(270deg, rgba(255, 214, 161, 1) 10%, rgba(255, 255, 255, 0) 90%);
  z-index: 3;
}
.trtt_wrap {
  position: relative;
  background-color: #FFD6A1;
  background-image: url(../img/deco_bg.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  z-index: 4;
}
.trtt_content {
 position: relative;
 background-color: #FFF1DF;
 max-width: 1000px;
 margin: 0 auto;
 padding-bottom:24px;
 color: #843030;
 border-radius: 20px 20px 0 0;
 z-index: 3;
}


.trtt_mxwdt-140{
 flex: 0 0 auto;
 max-width: 140px;
}
.trtt_aspe_4-3{
 aspect-ratio: 4/3;
}
.trtt_f_orange{
 color: #FE6100;
}
.trtt_f_pink{
 color: #EF105A;
}
.trtt_f_black {
 color: #000000;
}
.trtt_f_10-12{
 font-size: clamp(0.625rem,2vw,0.75rem);
}
.trtt_f_10-14{
 font-size: clamp(0.625rem,2vw,0.875rem);
}
.trtt_f_12-14{
 font-size: clamp(0.75rem,2vw,0.875rem);
}
.trtt_f_12-16{
 font-size: clamp(0.75rem,2vw,1rem);
}
.trtt_f_14-16{
 font-size: clamp(0.875rem,3vw,1rem);
}
.trtt_f_14-22{
 font-size: clamp(0.875rem,3vw,1.375rem);
}
.trtt_f_16-20{
 font-size: clamp(1rem,3vw,1.25rem);
}
.trtt_f_12{
 font-size: 0.75rem;
}
.trtt_f_14{
 font-size: 0.875rem;
}
.trtt_f_18{
 font-size: clamp(1.125rem,4vw,1.375rem);
}
.trtt_f_bold{
 font-weight: 600;
}
.trtt_lineh_11{
 line-height: calc(16/14);
}
.trtt_lineh_13{
 line-height: calc(18/14);
}
.trtt_lineh_14{
 line-height: calc(20/14);
}
.trtt_txtcenter{
 text-align: center;
}
.trtt_bg_white{
 background-color: #fff;
}
.trtt_mgt8{
 margin-top: 8px;
}
.trtt_mgb8{
 margin-bottom: 8px;
}
.trtt_mgb14{
 margin-bottom: 14px;
}
.trtt_pdd_6{
 padding: 6px;
}
.trtt_bdr_10{
 border-radius: 10px;
}
.trtt_block{
 display: block;
 line-height:1.5;
}
.trtt_spbr{
 display: inline-block;
}
.trtt_pcbr{
 display: block;
}
.trtt_flex01 {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 gap: 8px 24px;
}
.trtt_flex02{
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
 gap: 8px;
 width: 180px;
}



.trtt_heading1 {
 text-align: center;
 margin-bottom: clamp(16px, 2vw, 44px);
 width: calc(100% + 32px);
 margin-left: -16px;
}
.trtt_presentnow{
 border-radius: 20px 20px 0 0;
}
.trtt_presentnow img{
 width:100%;
 display:block;
 border-radius: 20px 20px 0 0;
}
.trtt_presentnowdetails{
 flex: 1 1 auto;
 display: flex;
 flex-direction: column;
 gap: 6px 10px;
}
.trtt_txtblock {
 position: relative;
 line-height: 1.7;
 margin-bottom: 12px;
 padding:24px 16px;

}
.trtt_oubowrap{
 margin-bottom: clamp(32px,3vw,40px);
 padding:0 16px;
}
.trtt_ouboblock{
 max-width: 700px;
 margin: 0 auto;
 position: relative;
 margin-top: -8px;
 border-radius: 10px;
 padding: 24px clamp(8px,3vw,32px);
}
.trtt_oubocontent {
 border-bottom: 1px solid #001A4B;
 padding: 0 0 16px 0 ;
}
.trtt_oubodetails{
 padding: 16px 0 0 0;
}
.trtt_oubodetails dl{
 display: flex;
 flex-wrap: wrap;
 align-items: flex-start;
 gap: 16px 8px;
 color: #000000;
}
.trtt_oubodetails dl dt{
 width: 100px;
 background-color: #001A4B;
 border-radius: 15px;
 text-align: center;
 color: #FFF;
 padding: clamp(4px,2vw,8px) 0;
}
.trtt_oubodetails dl dd{
 width: calc(100% - 110px);
 align-self: center;
}
.trtt_dotlist li{
 padding-left: 12px;
 position: relative;
}
.trtt_dotlist li::after{
 content: '';
 position: absolute;
 display: inline-block;
 left: 4px;
 top: 8px;
 width: 3px;
 height: 3px;
 border-radius: 50px;
 background-color: #000;
}
.trtt_presentpast{
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 gap: 8px;
}
.trtt_presentpast li{
 padding: 6px 6px 14px 6px;
 border: 1px solid #F1BBAB;
}



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


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

 .trtt_flex01{
  max-width: 80%;
  flex-wrap: wrap;
  justify-content: center;
 }
 .trtt_flex01>* {
  flex: 1 1 auto;
  text-align: center;
 }
 .trtt_mxwdt-140{
  max-width: 100%;
 }
 .trtt_oubodetails dl{
  gap: 8px;
 }
 .trtt_oubodetails dl dd{
   width: 100%;
   margin-bottom: 8px;
 }
 .trtt_dotlist li{
  padding-left: 0;
 }
 .trtt_dotlist li::after{
  content: none;
 }
 .trtt_flex02{
  width: calc((100% - 8px) / 2);
 }
}