.sec-gstc{
    background-color:#40ADAD ;
}

.top-bg{
    background-image: url(img/gstc/top-bg.png);


    height:74rem ;

 
  background-size: cover;      /* 縦横比維持・はみ出しOK */
  background-position: center; /* センタリング */
  background-repeat: no-repeat;
max-width: 160rem;
margin:0 auto;
position: relative;
}
.top-moji{
position: relative;
left:3%;
top:42%;
}
.top-logo-umidas{
position: absolute;
right:3%;
bottom:3%;
z-index: 2;
}
.gstc-komoji{font-size:1.4rem ;
    font-family: serif;
    color: #FFF;margin:0;}
.gstc-oomoji{font-size:8rem ;
    line-height:8rem; 
    /* font-family: ; */
    font-weight: bold;
    color: #FFF;margin:0;
 letter-spacing:0.6rem;}
.h1-ue{font-size:1.8rem ;line-height: 0rem;
    font-family: ;color: #FFF;margin:0;}
.h1-sita{font-size:1.8rem ;font-family: ;color: #FFF;margin:0;}


/*◆◆◆◆◆◆◆◆国際基準GSTC◆◆◆◆◆◆◆◆◆◆◆◆  */
.h2-w{font-size: 2.4rem;color: #FFF;border-left: 1rem #FFF solid;
width: 20rem;
margin:10rem auto 0 auto;
padding:0 0 0 1rem;
/* letter-spacing:0.4rem ; */
}

.f-cont-flex{display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin:8rem 0 0 0;
position: relative;
z-index: 2;
}
.f-cont{
    position: relative;
    max-width:46rem ;
    background-color: #0089A7;;
    border-radius: 0.2rem;
    margin:0;
}
.f-cont-h3{font-size: 2rem;
    color: #ffffff;
margin:2rem auto 0;text-align: center;
font-family:serif ;}

.f-cont-moji-bg{
    padding:2rem;
    background-color: #0089A7;
margin:0;
color: #FFF;
font-size: 1.4rem;
}

/* ◆◆◆◆さてぃふぃ◆◆◆◆◆◆ */
.pro-cer-bg{
    position: relative;
    background-color: #FFF;
padding:10rem 0 0 0;
margin:-10rem 0 0rem 0;
z-index: 1;

}

.pro-cer-h2{font-size: 2.4rem;color: #40ADAD;border-left: 1rem #40ADAD solid;
width: 20rem;
margin:10rem auto 0 auto;
padding:0 0 0 1rem;
/* letter-spacing:0.4rem ; */
}

.pro-flex{display: flex;
justify-content: center;
flex-wrap: wrap;
background-color: #FFF;
position: relative;

}
.pro-flex-cont{
    position: relative;
    z-index:5 ;
}
.pro-p{
    max-width: 96rem;
    border-radius:1rem ;
    border: #FFF 0.4rem solid;
    margin:0 auto;
    padding:2rem;
    position: relative;
z-index: 3;
color: #FFF;
font-size: 1.4rem;
}
@media (max-width: 1188px) {
  .mari{
    max-width: 36rem;
  }
}


/* ◆◆◆◆GSTC-TEST◆◆◆◆◆◆ */
.gstc-test{background-color: #40ADAD;
    position: relative;
margin:-30rem 0 0 0;
padding:40rem 2rem 8rem 2rem;
z-index: 1;
color:#FFF;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
align-items: center;
}
.m-moji-nagai{margin:0 0 1rem 0;}
.m-moji-gs-flex{
    margin:0rem 0 0 0;
     display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
align-items: end;
border-bottom: #FFF 0.6rem solid;
}
.m-moji-hiniti{font-size:1.8rem ;font-weight: bold;}
.m-moji-gstc{font-size:4rem ;font-weight: bold;line-height:3.4rem;}
.m-moji-hokkai{font-size:2rem ;font-weight: bold;
    line-height:2rem;
}
.tate{
    max-width: 50rem;
    flex-direction:column ;}
    .m-moji-sita-p{
        font-size: 1.4rem;
    }

.nittei{
    border-radius: 0.4rem;
    background-color: #FFF;
    padding:1rem;
}    
.hiduke{background-color: #40ADAD;color: #FFF;
max-width: 26rem;

padding:0.4rem 0 0.2rem 1rem;
font-size: 1.4rem;
font-weight: bold;
border-radius: 0.6rem;
}

.jikan{
    color: #585858;
    font-size: 1.2rem;
}



/* ◆◆◆ブログ◆◆◆◆◆◆◆◆ */

.post:visited{
	color: inherit;
}
.post{ text-decoration: none;}

.blog-posts{
    position: relative;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
    /* padding: 1rem; */
}

.blog-cont img{

    
	width: 100%;
	height:26.6rem;
    object-fit: fill;
}

.ichatch{
max-height: 26.6rem;
    
}
.blog-date{color:#ffffff ;font-size:1.2rem ;font-weight:bold ;
	padding: 0rem;margin:0 auto;text-align: center;
}

.blog-title{
    font-size: 2rem;
	padding:1rem 0 0 0;
    margin:0 auto;
    text-align: center;
    /* height:4rem; */
    color:#ffffff;
    /* background-color:#198ED1 ; */
	text-decoration: nones;
	}
.blog-arti{color: #ffffff;font-size:1.5rem ;
    /* background-color:#198ED1 ; */
	padding: 1rem;margin:0;
}


.annai-blog{
    position: absolute;
font-size: 2.2rem;
color: #fff387;
top: 28%;
right: 0%;
  text-shadow: 5px 4px 3px rgba(0, 0, 0, 0.4);
  font-weight: bold;
  z-index: 3;

  background: rgba(0,0,0,0.5);
  color: #fff;
  padding: 0.3em 0.3em 0.3em 2em;
  border-radius: 4px;
  display: inline-block;


}