/*--------------------------------*/
/* section1
/*--------------------------------*/

.line_under {
  stroke: #006681;
  }
.cont_h1{
  margin-top: 2rem;
}
.sec_1{
text-align: center;
}
.sec_1 img:last-child{
width: 70%;
margin: 3rem 0;
}
.sec_1 p:first-child{
font-size: 1.8rem;
margin-bottom: 2rem;
font-family: sans-serif;
font-weight: bold;
background: linear-gradient(transparent 70%, #fff45c 70%);
display:inline-block;
opacity: 0;
}

@media screen and (max-width: 599px){
.sec_1 p:first-child{
  font-size: 1rem;
  margin: 4rem 0 2rem;
  }

.sec_1 img:last-child{
  width: 100%;
  }
}
/*--------------------------------*/
/* section2
/*--------------------------------*/
.sec_2{
text-align: center;
padding: 5% 0;
}
.sec_2 p:first-child{
font-size: 2rem;
margin-bottom: 3rem;
font-weight: bold;
}

/*--------------------*/
.boxx {
display:flex;
flex-direction: row;
justify-content: space-between;
text-align: left;
padding: 5rem 20%;
background-color: rgba(255, 255, 255, .8);
}
.boxx:nth-child(odd){
background-color: #f6fcfd;
background-color: rgba(246, 252, 253, .8);
}
.text{
width: 50%;
opacity: 0;
}
.text p{
display: block;
text-align: left;
line-height: 1.8rem;
font-size: 1rem;
}
.boxx h2{
padding: 1rem 0;
font-size: 1.3rem;
text-align: center;
margin: 2rem 0;
}
.pict {
width: 40%;
margin-left: 3%;
opacity: 0;
}

.pict img {
width: 100%;
height:auto;
display: block;
margin-left: auto;
padding-right: 3rem;
}

.boxx:nth-child(odd) {
flex-direction: row-reverse;
}
.boxx:nth-child(odd) .text {
text-align: left;
}
.boxx:nth-child(odd) .pict {
margin-left: 0;
margin-right: 3%;
}

@media (max-width:768px) {
.boxx {
  flex-direction: column;
}
.boxx:nth-child(even) {
  flex-direction: column;
}
.text {
  text-align: center;
}
.boxx:nth-child(even) .text {
  text-align: center;
}
.pict {
  width:100%;
  margin-left: 0;
  text-align: center;
}
.boxx:nth-child(even) .pict {
  margin-left: 0;
  margin-right: 0%;
}
.pict img {
  width:50%;
  height:auto;
}
}

@media screen and (max-width: 599px){
  .boxx {
    flex-direction: row;
    display: block;
    padding: 2rem;
  }
  .boxx:nth-child(even) {
    flex-direction:row;
    padding:  2rem;
  }
  .text {
    text-align: center;
    width: 100%;
  }
  .boxx:nth-child(even) .text {
    text-align: center;
  }
  .pict {
    width:100%;
    margin-left: 0;
    text-align: center;
  }
  .boxx:nth-child(even) .pict {
    margin-left: 0;
    margin-right: 0%;
  }
  .pict img {
    width:60%;
    height:auto;
    margin: 2rem auto;
  }}