* {
          margin: 0;
          padding: 0;
}

ul,
ol,
li {
          list-style: none;
}

a {
          text-decoration: none;
          color: inherit;
}

img {
          vertical-align: top;
}

p {
          font-size: 17px !important;
}

b {
          font-size: 17px !important;
}

.after::after {
          display: block;
          content: "";
          clear: both;
}

.flex {
          display: flex;
}



/*-------------------------------------------START*/



.h2-ey {
          color: #0066ff !important;
}

.h3-ey {
          color: #0066ff !important;
}

.h3-ey1 {
          color: #000000 !important;
}

.h3-ey2 {
          margin: 70px 0 20px;
          color: #000000 !important;
}

.h3-ey3 {
          color: #0066ff !important;
          margin: 0 0 5px;
}

.midori {
          color: #0066ff !important;
}

.mar-b5 {
          margin: 0 0 5px;
}

.mar-b10 {
          margin: 0 0 10px;
}

.mar-b15 {
          margin: 0 0 15px;
}


.mar-b20 {
          margin: 0 0 20px;
}

.mar-b30 {
          margin: 0 0 30px;
}

.mar-b40 {
          margin: 0 0 40px;
}


.mar-b50 {
          margin: 0 0 50px;
}


.mar-s15 {
          margin: 15px 0;
}

.mar-s5 {
          margin: 5px 0;
}

.mar-m15 {
          margin: 15px 0 0;
}

.h3-ey2n {
          margin: 0 auto;
          color: #242424 !important;
          font-size: 20px;
}

.p-ey-cen {
          text-align: center;
}

.p-ey {
          color: #242424 !important;
}

.p-ey1 {
          color: #242424 !important;
          font-weight: 600;
}

.p-ey2 {
          font-size: 17px;
          color: #242424 !important;
          font-weight: 600;
}

.p-ey3 {
          color: #242424 !important;
          font-size: 15px !important;
}

.p-ey4 {
          color: #000000 !important;
          margin: 0 0 20px;
          font-size: 15px !important;
}

.p-ey5 {
          color: #0066ff !important;
          font-size: 18px !important;
          font-weight: 600;
}

.p-ey6 {
          color: #0066ff !important;
          font-size: 16px;
          font-weight: 600;
}


.ey-a {
          margin: 5px 0 20px;
          font-size: 15px;
          background: #0066ff !important;
          border-radius: 5px;
          color: rgb(255, 255, 255) !important;
          padding: 5px 10px;
          display: inline-block;
          text-decoration: none !important;
}

.ey-a:hover {
          color: rgb(255, 255, 255) !important;
          background: rgb(0, 0, 0);
}

.ey-aa {
          margin: 5px 0 20px;
          font-size: 15px;
          background: rgba(74, 74, 74, 0.5);
          border-radius: 5px;
          color: rgb(255, 255, 255) !important;
          padding: 5px 10px;
          display: inline-block;
          text-decoration: none !important;
}

.span-ey1 {
          display: inline-block;
          font-size: 16px;
          font-weight: 600;
          padding: 1px 5px;
          border: 2px solid #0066ff !important;
          border-radius: 5px;
          color: #0066ff !important;
}

.span-ey2 {
          font-size: 17px !important;
          color: #242424;
          font-weight: 600;
}

.span-ey3 {
          opacity: 0;
}

.span-ey4 {
          font-size: 16px !important;
          color: #0066ff;
          font-weight: 600;
}

.span-w {
          display: inline-block;
          background-color: #0066ff91;
          padding: 7px 12px;
          color: #ffffff !important;
          border-radius: 5px;
          margin: 0 0 30px;
          font-size: 16px !important;
          font-weight: 600;
}

.span-b {
          display: inline-block;
          background-color: #ffffff;
          padding: 7px 12px;
          color: #2f2f2f !important;
          border-radius: 5px;
          margin: 0 0 12px;
          font-size: 16px !important;
          font-weight: 600;
}



.opa {
          opacity: 0;
}

/* -----------conWrap--- */

.conWrap>div {
          margin: 0 0 80px;
}

.conWrap>div:last-child {
          margin: 0 0 10px;
}



/*-------------------------------------------con01*/

.con01>div {
          margin: 0 0 80px;
}

.con01>div:last-child {
          margin: 0;
}

.con01-top {
          width: 100%;
          justify-content: space-between;
          gap: 0 5%;
}

.con01-top .left {
          width: 73%;
}


.con01-top .right {
          width: 22%;
}

.con01-top .right .profe-img {
          width: 100% !important;
          margin: 30px auto 0;
}


.conWrap .con01 .con01-top {
          width: 100%;
          margin: 0 0 40px;
          justify-content: space-between;
}

.conWrap .con01 .sub-01 {
          margin: 0 0 25px;
}

.con01-a {
          justify-content: space-between;
          gap: 0 30px;
}

.con01-a .con01-left {
          width: 40%;
}

.con01-a .con01-right {
          width: 55%;
}

.sub-01 {
          background-color: rgba(8, 107, 255, 0.1);
          padding: 30px;
          border-radius: 10px;
}


.con01 .sub-01 .sub-top {
          width: 100%;
          justify-content: space-between;
          gap: 0 5%;
}

.sub-top .sub-left {
          width: 25%;
}

.sub-top .sub-left .img-ey2 {
          height: auto;
          width: 100% !important;
}

.sub-top .sub-right {
          width: 75%;
          display: flex;
          flex-direction: column;
          justify-content: space-evenly;
}

.con02 .con02-bg2 {
          margin: 0 0 10px;
}

.con02 .con02-bg>div {
          width: 100% !important;
          justify-content: left;
          gap: 0 30px;
}

.con02 .con02-bg .con02-top {
          width: 100% !important;
          justify-content: space-between;
          gap: 0 30px;
}


/*-------------------------------------------con02*/


.con02>div {
          margin: 0 0 30px;
}

.con02>div:last-child {
          margin: 0;
}

.con02-bg {
          background: #086bff0d;
          padding: 30px;
}


.con02 .con02-bg .sub-ey {
          width: 100%;
          justify-content: space-between;
          gap: 0 5%;
}


.con02 .con02-bg .sub-ey2 {
          width: 100%;
          justify-content: flex-start;
          gap: 0 5%;
}

.con02 .con02-bg .sub-ey3 {
          align-items: center;
          display: flex;
          justify-content: flex-start;
}

.con02 .con02-bg .sub-ey2 .sub-left2 {
          width: 13%;
}

.con02 .con02-bg .sub-ey2.sub-ey3 .sub-right2 {
          width: 82%;
}






.con02 .con02-bg>div .img-ey1 {
          height: auto;
          width: 100% !important;
}

.con02-1 {
          margin: 0 0 30px;
}

.con02 .con02-bg .sub-ey .sub-left {
          width: 30%;
}

.con02 .con02-bg .sub-ey .sub-rifht {
          width: 70%;
}




/*-------------------------------------------button*/


.button01 a {
          display: block;
          border-radius: 10px;
          margin: 30px 0 0;
          padding: 1em 2em;
          width: 300px;
          color: white;
          font-size: 20px;
          font-weight: 600;
          background-color: black;
          text-align: center;
          box-sizing: border-box;
}

.button01 a:hover {
          text-decoration: none;
          color: white;
          background-color: #0066ff !important;
}

.button02 a {
          display: block;
          border-radius: 10px;
          margin: 30px 0;
          padding: 1em 1.5em;
          width: 300px;
          color: white;
          font-size: 20px;
          font-weight: 600;
          background-color: #0066ff !important;
          text-align: center;
          box-sizing: border-box;
}

.a-ey {
          font-size: 15px;
          background: rgba(74, 74, 74, 0.5);
          border-radius: 5px;
          color: rgb(255, 255, 255) !important;
          padding: 5px 10px;
          display: inline-block;
          text-decoration: none !important;
}


.con-MO {
          display: none;
}


@media (max-width: 414px) {

          .conWrap {
                    width: 100%;
                    margin: 0 auto;
          }

          .con01-top {
                    flex-wrap: wrap;
          }

          .con01-top .left {
                    width: 100%;
          }

          .con01-top .right {
                    width: 100%;
                    margin: 0 auto;
          }

          .con01 .sub-01 .sub-top {
                    display: wrap;
          }

          .sub-01 {
                    padding: 15px;
          }

          .sub-01 .sub-top {
                    flex-wrap: wrap;
          }

          .sub-01 .sub-top .sub-left {
                    width: 100%;
                    margin: 0 auto;
          }

          .sub-01 .sub-top .sub-left .img-ey2 {
                    display: block;
                    width: 60% !important;
                    margin: 10px auto;
          }

          .con02 .con02-bg .sub-ey2 {
                    display: block;
          }

          .con02 .con02-bg .sub-ey2 .img-ey2 {
                    display: block;
                    width: 60% !important;
                    margin: 10px auto;
          }

          .sub-01 .sub-top .sub-right {
                    width: 100%;
          }

          .sub-ey2 .sub-left2 {
                    flex-wrap: wrap;
          }

          .sub-ey2 .sub-right2 {
                    flex-wrap: wrap;
          }



          .con02-bg {
                    padding: 20px;
          }

          .con02 .con02-bg .sub-ey {
                    flex-wrap: wrap;
          }

          .con02 .con02-bg .sub-ey .img-ey {
                    margin: 0 0 10px;
          }

          .con02 .con02-bg .sub-ey .img-eym {
                    margin: 0;
          }


          .con02 .con02-bg .flex {
                    width: 100% !important;
                    flex-wrap: wrap;
          }

          .mo-ey {
                    display: block;
                    margin: 0 0 30px;
          }


          .con02 .con02-bg .sub-ey2 .sub-left2 .img-ey1w {
                    width: 150px !important;
                    border-radius: 10px;
          }

          .button01 {
                    width: 100%;
          }

          .button01 a {
                    margin: 30px auto;
          }

          .con01-top .right .profe-img {
                    display: block;
                    width: 80% !important;
                    margin: 10px auto;
          }

          .opa {
                    display: none;
          }




}