@charset "UTF-8";

.merit_title{
width: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.merit_title video {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
z-index: -1;
}

.merit_title_box{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 100px 0 100px 0;
}

.merit_title_box_img{
width: 17%;
margin: 20px 0;
}

@media screen and (max-width : 896px) {
.merit_title_box_img{
width: 50%;
}
}

.merit_title_box_img img{
border-radius: 50%;
}

.merit_bg{
background-color: #ebf6f9;
padding: 120px 0;
}

@media screen and (max-width : 896px) {
.merit_bg{
background-color: #ebf6f9;
padding: 60px 0;
}
}

.cstm-wave svg {
display: block;
}

.up-wave {
   margin-bottom: -1px !important;
width: 100% !important;
}

.merit_contents_title{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-bottom: 40px;
}

.merit_contents_title div{
width: 100px;
}

.merit_contents_title p{
width: 100%;
text-align: center;
color: #bfb08a;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-top: 30px;
font-size: 2rem;
letter-spacing: 0.1em;
}

@media screen and (max-width : 896px) {

.merit_contents_title div{
width: 80px;
}

.merit_contents_title p{
width: 100%;
padding: 0 20px;
font-size: 1.6rem;
letter-spacing: 0.1em;
}

}


.merit_contents_title p:before {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
display: block;
background-color: #bfb08a;
margin-bottom: 30px;
}

.oval{
border-radius: 9999px;
}

.merit_text{
width: fit-content !important;
line-height: 2.5 !important;
font-size: 1.6rem !important;
}

@media screen and (max-width : 896px) {

.merit_text{
width: 100% !important;
font-size: 1.5rem !important;
}

}

.merit_text2{
width: 100% !important;
line-height: 2.5 !important;
font-size: 1.5rem !important;
}

.merit_01{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background-image: url(../merit/img/shape_02.png);
background-size: 50%;
background-position: bottom left;
background-repeat: no-repeat;
margin-bottom: 100px;
}

@media screen and (max-width : 896px) {

.merit_01{
padding: 0 20px;
margin-bottom: 0;
background-size: 100%;
background-position: left 90%;
}

}



.merit_01_01{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background-image: url(../merit/img/shape_01.png);
background-size: 40%;
background-position: 70% top;
background-repeat: no-repeat;
}

@media screen and (max-width : 896px) {

.merit_01_01{
background-size: 100%;
background-position: right center;
}

}


.merit_01_02{
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
flex-wrap: wrap;
}

.merit_02{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background-image: url(../merit/img/shape_04.png);
background-size: 40%;
background-position: bottom right;
background-repeat: no-repeat;
}

@media screen and (max-width : 896px) {

.merit_02{
padding: 0 20px;
}

}


.merit_02_01{
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
flex-wrap: wrap;
background-image: url(../merit/img/shape_03.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
padding: 80px 0;
}

@media screen and (max-width : 896px) {

.merit_02_01{
padding: 40px 0 0 0;
background-size: 100%;
}

}


.merit_02_02{
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
margin-bottom: 80px;
}

@media screen and (max-width : 896px) {

.merit_02_02{
margin-bottom: 20px;
}


}

.merit_02_03{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background-image: url(../merit/img/shape_05.png);
background-size: 30%;
background-position: center left;
background-repeat: no-repeat;
}

@media screen and (max-width : 896px) {

.merit_02_03{
background-size: 80%;
}


}


.merit_03{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background-image: url(../merit/img/shape_08.png);
background-size: 50%;
background-position: center left;
background-repeat: no-repeat;
margin-bottom: 100px;
}

.merit_03_01{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background-image: url(../merit/img/shape_07.png);
background-size: 30%;
background-position: right 20%;
background-repeat: no-repeat;
}

.merit_03_02{
width: 70%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 40px 15% 0 15%;
}

@media screen and (max-width : 896px) {

.merit_03_02{
width: 100%;
justify-content: center;
margin: 20px 0 0 0;
}


}


.speech{
width: 240px;
}