@charset "utf-8";
section#sec_has {}


/* sec_has------------------------------*/
.sec.sec_has {padding: 0 6rem 6rem;}
.sec.sec_has .flex {align-items: center;}
.sec.sec_has .flex .box {width: 825px;padding-right: 30px;}
.sec.sec_has .flex .box .title {font-size: 350%;line-height: 1.2;margin-bottom: .6em; font-weight:bold;}
.sec.sec_has .flex .box .title strong { background: linear-gradient(90deg, #00BA00 0%, #68CF0E 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: 150%;}
.sec.sec_has .flex .box .title strong i {font-style:normal;font-size:40%;vertical-align: super;}
.sec.sec_has .flex .box .title ~ * {max-width: 650px;}
.sec.sec_has .flex .box .title + p + p {margin-top:1em;}
.sec.sec_has .flex .img {width: 38%;box-shadow: 3px 5px 14px -1px rgb(72 104 74 / 18%);}

@media only screen and (max-width:1330px) {
.sec.sec_has .flex .box .title {font-size:4vw;}
}
@media only screen and (max-width:1300px) {
.sec.sec_has {padding: 0 3rem 5em;}
}
@media only screen and (max-width:750px) {
.sec.sec_has {padding: 0 6% 5em;}
.sec.sec_has .flex { flex-wrap:wrap;}
.sec.sec_has .flex .box {width: 100%;padding-right:0;}
.sec.sec_has .flex .box .title {font-size: 7vw; text-align:center;}
.sec.sec_has .flex .img { max-width:500px;width: 80%; margin:2em auto 0;}
}

/*============================= sp ===========================*/
@media screen and  (max-width: 768px) {
    #piramid{
        margin-top: 2rem;
        margin-bottom: auto;
    }
    
    #aboutParamedic{
        margin:30px auto 50px auto;
    }
}
/*============================= //sp ===========================*/