@media screen and (min-width: 821px) {
  .sp {
    display: none;
  }
  .eo_ttl {
    background: url(../main-img.png) no-repeat center top/contain;
    aspect-ratio: 1920/1048;
    text-align: center;
    font-size: clamp(26px, 2.7083333333vw, 52px);
    font-family: "Zen Maru Gothic", serif;
    color: #fff;
    line-height: 1.3;
    padding-top: 30%;
    font-weight: bold;
    position: relative;
  }
  .eo_ttl .emphaisis {
    color: #fff600;
    display: block;
  }
  .eo_ttl .year {
    position: absolute;
    left: 44.1%;
    top: 3%;
    color: #ff002a;
    font-family: "Zen Maru Gothic", serif;
    font-weight: bold;
    font-size: 2.6vw;
  }
  .eo_ttl .year .num {
    font-size: 3.65vw;
  }
  .eo_read {
    padding-top: clamp(25px, 2.6041666667vw, 50px);
    font-size: clamp(17.5px, 1.8229166667vw, 35px);
    text-align: center;
    font-family: "Zen Maru Gothic", serif;
    color: #000;
    font-weight: bold;
  }
  .eo_wrap {
    max-width: 1300px;
    width: clamp(650px, 67.7083333333vw, 1300px);
    margin-left: auto;
    margin-right: auto;
  }
  .eo_sec1 {
    padding-left: clamp(25px, 2.6041666667vw, 50px);
    padding-right: clamp(25px, 2.6041666667vw, 50px);
    margin-top: clamp(50px, 5.2083333333vw, 100px);
  }
  .eo_sec1 .eo_wrap {
    border: 5px solid #ff7e00;
    border-radius: clamp(15px, 1.5625vw, 30px);
  }
  .eo_sec1 .eo_wrap .ttl {
    background: #ff7e00;
    height: clamp(61px, 6.3541666667vw, 122px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding-bottom: clamp(5px, 0.5208333333vw, 10px);
    font-family: "Zen Maru Gothic", serif;
    font-size: clamp(24px, 2.5vw, 48px);
    color: #fff;
    position: relative;
  }
  .eo_sec1 .eo_wrap .ttl:before {
    content: "";
    height: clamp(223px, 23.2291666667vw, 446px);
    width: clamp(103.5px, 10.78125vw, 207px);
    z-index: 1;
    position: absolute;
    left: -7%;
    bottom: clamp(-85px, -8.8541666667vw, -170px);
    background: url(../sec1_left.png) no-repeat center center/100%;
  }
}
@media screen and (min-width: 821px) and (max-width: 1400px) {
  .eo_sec1 .eo_wrap .ttl:before {
    bottom: clamp(-60px, -6.25vw, -120px);
    left: -5%;
  }
}
@media screen and (min-width: 821px) {
  .eo_sec1 .eo_wrap .ttl:after {
    content: "";
    height: clamp(231px, 24.0625vw, 462px);
    width: clamp(109px, 11.3541666667vw, 218px);
    z-index: 1;
    position: absolute;
    right: -11%;
    bottom: clamp(-85px, -8.8541666667vw, -170px);
    background: url(../sec1_right.png) no-repeat center center/100%;
  }
}
@media screen and (min-width: 821px) and (max-width: 1400px) {
  .eo_sec1 .eo_wrap .ttl:after {
    bottom: clamp(-60px, -6.25vw, -120px);
    right: -9%;
  }
}
@media screen and (min-width: 821px) {
  .eo_sec1 .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: clamp(10px, 1.0416666667vw, 20px);
    padding: clamp(35px, 3.6458333333vw, 70px) clamp(35px, 3.6458333333vw, 70px);
    row-gap: clamp(30px, 3.125vw, 60px);
    position: relative;
  }
  .eo_sec1 .list:before {
    content: "";
    width: clamp(65.5px, 6.8229166667vw, 131px);
    aspect-ratio: 131/114;
    z-index: 1;
    position: absolute;
    left: clamp(-60px, -6.25vw, -120px);
    bottom: 30%;
    background: url(../sec1_img1.png) no-repeat center center/100%;
  }
  .eo_sec1 .list:after {
    content: "";
    width: clamp(76px, 7.9166666667vw, 152px);
    aspect-ratio: 152/156;
    z-index: 1;
    position: absolute;
    right: clamp(-70px, -7.2916666667vw, -140px);
    bottom: 20%;
    background: url(../sec1_img2.png) no-repeat center center/100%;
  }
  .eo_sec1 .list .item {
    position: relative;
    border: 5px solid;
    border-radius: clamp(20px, 2.0833333333vw, 40px);
    padding-top: clamp(40px, 4.1666666667vw, 80px);
    padding-left: clamp(7.5px, 0.78125vw, 15px);
    padding-right: clamp(7.5px, 0.78125vw, 15px);
    padding-bottom: clamp(22.5px, 2.34375vw, 45px);
  }
  .eo_sec1 .list .item .label {
    position: absolute;
    left: -5px;
    top: -5px;
    height: clamp(30px, 3.125vw, 60px);
    width: clamp(100px, 10.4166666667vw, 200px);
    display: flex;
    font-size: clamp(14.5px, 1.5104166667vw, 29px);
    font-family: "Zen Maru Gothic", serif;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 0 0 clamp(10px, 1.0416666667vw, 20px) 0;
  }
  .eo_sec1 .list .item1, .eo_sec1 .list .item2 {
    width: clamp(280px, 29.1666666667vw, 560px);
  }
  .eo_sec1 .list .item1 .sub, .eo_sec1 .list .item2 .sub {
    font-size: clamp(17px, 1.7708333333vw, 34px);
    font-family: "Zen Maru Gothic", serif;
    font-weight: bold;
  }
  .eo_sec1 .list .item1 .desc, .eo_sec1 .list .item2 .desc {
    font-size: clamp(10px, 1.0416666667vw, 20px);
    margin-top: clamp(5px, 0.5208333333vw, 10px);
  }
  .eo_sec1 .list .item1 {
    border-color: #0348ae;
  }
  .eo_sec1 .list .item1 .label {
    background: #0348ae;
    justify-content: center;
  }
  .eo_sec1 .list .item1 .desc .emp,
  .eo_sec1 .list .item1 .sub {
    color: #0348ae;
  }
  .eo_sec1 .list .item2 {
    border-color: #03ae28;
  }
  .eo_sec1 .list .item2 .label {
    background: #03ae28;
    justify-content: center;
  }
  .eo_sec1 .list .item2 .sub {
    color: #03ae28;
  }
  .eo_sec1 .list .item2 .emp {
    color: #ff0000;
  }
  .eo_sec1 .list .item2 .green {
    color: #03ae28;
  }
  .eo_sec1 .list .item2 .large {
    font-size: 1.7em;
    line-height: 1;
  }
  .eo_sec1 .list .item3 {
    width: clamp(570px, 59.375vw, 1140px);
    border-color: #ff7e00;
  }
  .eo_sec1 .list .item3 .label {
    background: #ff7e00;
    width: clamp(230px, 23.9583333333vw, 460px);
    justify-content: center;
  }
  .eo_sec1 .list .item3 .checklist {
    display: flex;
    flex-wrap: wrap;
  }
  .eo_sec1 .list .item3 .checklist .check {
    position: relative;
    padding-left: clamp(27.5px, 2.8645833333vw, 55px);
    font-weight: bold;
    font-size: clamp(15px, 1.5625vw, 30px);
    font-family: "Zen Maru Gothic", serif;
  }
  .eo_sec1 .list .item3 .checklist .check:before {
    content: "";
    width: clamp(20px, 2.0833333333vw, 40px);
    height: clamp(21.5px, 2.2395833333vw, 43px);
    background: url(../sec1_chk.png) no-repeat center center/contain;
    display: block;
    position: absolute;
    left: 0;
  }
  .eo_sec1 .list .item3 .checklist .check:nth-child(odd) {
    width: 42%;
  }
  .eo_sec1 .list .item3 .checklist .check:nth-child(even) {
    width: 58%;
  }
  .eo_sec2 {
    padding-left: clamp(25px, 2.6041666667vw, 50px);
    padding-right: clamp(25px, 2.6041666667vw, 50px);
    margin-top: clamp(10px, 1.0416666667vw, 20px);
    background: url(../sec2_bg.png) no-repeat center top/100% auto;
    padding-top: clamp(172.5px, 17.96875vw, 345px);
  }
  .eo_sec2 .ttl {
    font-size: clamp(24px, 2.5vw, 48px);
    width: clamp(365px, 38.0208333333vw, 730px);
    height: clamp(45px, 4.6875vw, 90px);
    font-weight: bold;
    font-family: "Zen Maru Gothic", serif;
    color: #fff;
    background: #0348ae;
    border-radius: clamp(22.5px, 2.34375vw, 45px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .eo_sec2 .list {
    margin-top: clamp(30px, 3.125vw, 60px);
  }
  .eo_sec2 .list .item {
    border-radius: 0 clamp(20px, 2.0833333333vw, 40px) clamp(20px, 2.0833333333vw, 40px) 0;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
  }
  .eo_sec2 .list .item + .item {
    margin-top: clamp(22.5px, 2.34375vw, 45px);
  }
  .eo_sec2 .list .item .obj {
    width: 47.8%;
  }
  .eo_sec2 .list .item .img {
    width: 100% !important;
    display: block !important;
  }
  .eo_sec2 .list .item._blue .sub {
    color: #0348ae;
    border-color-bottom: #0348ae;
  }
  .eo_sec2 .list .item._blue .btn {
    background: #0348ae;
  }
  .eo_sec2 .list .item._green .sub {
    color: #03ae28;
    border-color-bottom: #03ae28;
  }
  .eo_sec2 .list .item._green .btn {
    background: #03ae28;
  }
  .eo_sec2 .list .item._red .sub {
    color: #ff002a;
    border-color-bottom: #ff002a;
  }
  .eo_sec2 .list .item._red .btn {
    background: #ff002a;
  }
  .eo_sec2 .list .item._yellow .sub {
    color: #ffa800;
    border-color-bottom: #ffa800;
  }
  .eo_sec2 .list .item._yellow .btn {
    background: #ffa800;
  }
  .eo_sec2 .list .item._purple .sub {
    color: #5e48ff;
    border-color-bottom: #5e48ff;
  }
  .eo_sec2 .list .item._purple .btn {
    background: #5e48ff;
  }
  .eo_sec2 .list .item._rev {
    flex-direction: row-reverse;
  }
  .eo_sec2 .list .item .box {
    width: 50%;
    margin-left: 2.2%;
    flex: 1;
    padding-right: 2.2%;
  }
  .eo_sec2 .list .item .box .sub {
    margin-bottom: clamp(15px, 1.5625vw, 30px);
    font-size: clamp(17.5px, 1.8229166667vw, 35px);
    font-weight: bold;
    font-family: "Zen Maru Gothic", serif;
    line-height: 1.4;
    border-bottom: clamp(4px, 0.4166666667vw, 8px) solid;
    padding-bottom: clamp(5px, 0.5208333333vw, 10px);
  }
  .eo_sec2 .list .item .box .sub .mini {
    font-size: clamp(14px, 1.4583333333vw, 28px);
    display: block;
  }
  .eo_sec2 .list .item .box .desc {
    font-size: clamp(10px, 1.0416666667vw, 20px);
    font-feature-settings: "palt";
  }
  .eo_sec2 .list .item .box .btn {
    margin-top: clamp(17.5px, 1.8229166667vw, 35px);
    width: clamp(118.5px, 12.34375vw, 237px);
    height: clamp(30px, 3.125vw, 60px);
    border-radius: clamp(15px, 1.5625vw, 30px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: "Zen Maru Gothic", serif;
    font-size: clamp(11.5px, 1.1979166667vw, 23px);
    color: #fff;
  }
  .eo_sec3 {
    padding-left: clamp(25px, 2.6041666667vw, 50px);
    padding-right: clamp(25px, 2.6041666667vw, 50px);
    margin-top: clamp(75px, 7.8125vw, 150px);
  }
  .eo_sec3 .eo_wrap {
    border: 5px solid #0348ae;
    border-radius: clamp(15px, 1.5625vw, 30px);
  }
  .eo_sec3 .eo_wrap .ttl {
    font-feature-settings: "palt";
    border-radius: clamp(11.5px, 1.1979166667vw, 23px) clamp(11.5px, 1.1979166667vw, 23px) 0 0;
    background: #0348ae;
    height: clamp(61px, 6.3541666667vw, 122px);
    padding-bottom: clamp(5px, 0.5208333333vw, 10px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: "Zen Maru Gothic", serif;
    font-size: clamp(24px, 2.5vw, 48px);
    color: #fff;
    position: relative;
  }
}
@media screen and (min-width: 821px) and (max-width: 1450px) {
  .eo_sec3 .eo_wrap .ttl {
    border-radius: clamp(10px, 1.0416666667vw, 20px) clamp(10px, 1.0416666667vw, 20px) 0 0;
  }
}
@media screen and (min-width: 821px) {
  .eo_sec3 .eo_wrap .ttl:after, .eo_sec3 .eo_wrap .ttl:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
  }
  .eo_sec3 .eo_wrap .ttl:before {
    content: "";
    width: clamp(56px, 5.8333333333vw, 112px);
    height: clamp(37px, 3.8541666667vw, 74px);
    background: url(../sec3_ttl_l.png) no-repeat center center/contain;
    bottom: clamp(40px, 4.1666666667vw, 80px);
    left: clamp(-60px, -6.25vw, -120px);
  }
}
@media screen and (min-width: 821px) and (max-width: 1450px) {
  .eo_sec3 .eo_wrap .ttl:before {
    bottom: clamp(30px, 3.125vw, 60px);
    left: -1%;
  }
}
@media screen and (min-width: 821px) {
  .eo_sec3 .eo_wrap .ttl:after {
    content: "";
    width: clamp(65.5px, 6.8229166667vw, 131px);
    height: clamp(81.5px, 8.4895833333vw, 163px);
    background: url(../sec3_ttl_r.png) no-repeat center center/contain;
    bottom: clamp(20px, 2.0833333333vw, 40px);
    right: clamp(-60px, -6.25vw, -120px);
  }
}
@media screen and (min-width: 821px) and (max-width: 1450px) {
  .eo_sec3 .eo_wrap .ttl:after {
    bottom: clamp(20px, 2.0833333333vw, 40px);
    right: -3%;
  }
}
@media screen and (min-width: 821px) {
  .eo_sec3 .eo_wrap .list {
    padding: clamp(35px, 3.6458333333vw, 70px) clamp(40px, 4.1666666667vw, 80px);
  }
  .eo_sec3 .eo_wrap .list .item {
    font-family: "Zen Maru Gothic", serif;
    border: 4px solid #03ae28;
    position: relative;
    height: clamp(50px, 5.2083333333vw, 100px);
    border-radius: 0 clamp(20px, 2.0833333333vw, 40px) clamp(20px, 2.0833333333vw, 40px) 0;
    display: flex;
    align-items: center;
    padding-left: clamp(50px, 5.2083333333vw, 100px);
  }
  .eo_sec3 .eo_wrap .list .item .emphasis {
    font-weight: bold;
  }
  .eo_sec3 .eo_wrap .list .item:before {
    content: "";
    width: clamp(45px, 4.6875vw, 90px);
    height: clamp(50px, 5.2083333333vw, 100px);
    display: block;
    position: absolute;
    background: url(../check.png) no-repeat center center/65%, #03ae28;
    left: -4px;
    top: -4px;
    border-radius: 0 0 clamp(20px, 2.0833333333vw, 40px) 0;
  }
  .eo_sec3 .eo_wrap .list .item {
    font-size: clamp(14.5px, 1.5104166667vw, 29px);
  }
  .eo_sec3 .eo_wrap .list .item + .item {
    margin-top: clamp(20px, 2.0833333333vw, 40px);
  }
  .eo_sec4 {
    padding-left: clamp(25px, 2.6041666667vw, 50px);
    padding-right: clamp(25px, 2.6041666667vw, 50px);
    padding-top: clamp(50px, 5.2083333333vw, 100px);
    padding-bottom: clamp(235px, 24.4791666667vw, 470px);
    background: url(../sec4_bg.png) no-repeat bottom center/100% auto;
  }
  .eo_sec4 .eo_wrap {
    position: relative;
  }
  .eo_sec4 .eo_wrap:after {
    content: "";
    z-index: 1;
    width: clamp(210px, 21.875vw, 420px);
    height: clamp(348.5px, 36.3020833333vw, 697px);
    background: url(../sec4_lady.png) no-repeat center center/cover;
    display: block;
    position: absolute;
    right: clamp(-10px, -1.0416666667vw, -20px);
    top: clamp(-15px, -1.5625vw, -30px);
  }
}
@media screen and (min-width: 821px) and (max-width: 1800px) {
  .eo_sec4 .eo_wrap:after {
    right: auto;
    left: 68%;
  }
}
@media screen and (min-width: 821px) {
  .eo_sec4 .ttl {
    font-size: clamp(24px, 2.5vw, 48px);
    width: clamp(365px, 38.0208333333vw, 730px);
    height: clamp(45px, 4.6875vw, 90px);
    font-weight: bold;
    font-family: "Zen Maru Gothic", serif;
    color: #fff;
    background: #ff002a;
    border-radius: clamp(22.5px, 2.34375vw, 45px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .eo_sec4 .list {
    margin-top: clamp(30px, 3.125vw, 60px);
    padding-left: clamp(17.5px, 1.8229166667vw, 35px);
  }
  .eo_sec4 .list .item.pcnone {
    display: none;
  }
  .eo_sec4 .list .item {
    border-radius: clamp(10px, 1.0416666667vw, 20px);
    border: clamp(1.5px, 0.15625vw, 3px) solid #ff002a;
    width: 69%;
    height: clamp(38px, 3.9583333333vw, 76px);
    padding-left: clamp(15px, 1.5625vw, 30px);
    font-size: clamp(14.5px, 1.5104166667vw, 29px);
    font-weight: bold;
    font-family: "Zen Maru Gothic", serif;
    display: flex;
    align-items: center;
    background: #fff;
  }
  .eo_sec4 .list .item + .item {
    margin-top: clamp(15px, 1.5625vw, 30px);
  }
}
@media screen and (max-width: 820px) {
  .pc {
    display: none;
  }
  .eo_ttl {
    background: url(../main-imgsp.png) no-repeat center center/contain;
    aspect-ratio: 850/1213;
    text-align: center;
    font-size: min(5.8823529412vw, 50px);
    font-family: "Zen Maru Gothic", serif;
    color: #fff;
    line-height: 1.2;
    padding-top: 100%;
    font-weight: bold;
    position: relative;
  }
  .eo_ttl .emphaisis {
    color: #fff600;
    display: block;
  }
  .eo_ttl .year {
    position: absolute;
    left: 39.4%;
    top: 7.2%;
    color: #ff002a;
    font-family: "Zen Maru Gothic", serif;
    font-weight: bold;
    font-size: 4.588vw;
  }
  .eo_ttl .year .num {
    font-size: 6.47vw;
  }
  .eo_read {
    color: #000;
    padding: min(7.0588235294vw, 60px) min(2.3529411765vw, 20px) 0;
    font-size: min(4.4705882353vw, 38px);
    text-align: center;
    font-family: "Zen Maru Gothic", serif;
    font-weight: bold;
  }
  .eo_read .sml {
    font-size: 0.8em;
    line-height: 1;
  }
  .eo_wrap {
    width: 1300px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .eo_sec1 {
    padding-left: min(2.3529411765vw, 20px);
    padding-right: min(2.3529411765vw, 20px);
    margin-top: min(14.1176470588vw, 120px);
  }
  .eo_sec1 .eo_wrap {
    border: 4px solid #ff7e00;
    border-radius: min(5.8823529412vw, 50px);
  }
  .eo_sec1 .eo_wrap .ttl {
    border-radius: min(4.7058823529vw, 40px) min(4.7058823529vw, 40px) 0 0;
    background: #ff7e00;
    padding: min(2.3529411765vw, 20px) min(5.8823529412vw, 50px) min(3.5294117647vw, 30px);
    font-weight: bold;
    font-family: "Zen Maru Gothic", serif;
    font-size: min(5.2941176471vw, 45px);
    text-align: center;
    color: #fff;
    position: relative;
    line-height: 1.2;
  }
  .eo_sec1 .eo_wrap .ttl .line {
    display: block;
    text-align: center;
  }
  .eo_sec1 .eo_wrap .ttl:before {
    content: "";
    width: min(29.7647058824vw, 253px);
    aspect-ratio: 253/260;
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: min(4.1176470588vw, 35px);
    background: url(../sec1_leftsp.png) no-repeat center center/100%;
  }
  .eo_sec1 .eo_wrap .ttl:after {
    content: "";
    aspect-ratio: 266/324;
    width: min(31.2941176471vw, 266px);
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: min(-1.7647058824vw, -15px);
    background: url(../sec1_rightsp.png) no-repeat center center/100%;
  }
  .eo_sec1 .list {
    padding: min(7.0588235294vw, 60px) min(5.8823529412vw, 50px);
    position: relative;
  }
  .eo_sec1 .list:before {
    content: "";
    width: min(11.4117647059vw, 97px);
    aspect-ratio: 131/114;
    z-index: 1;
    position: absolute;
    left: min(-1.1764705882vw, -10px);
    bottom: 37%;
    background: url(../sec1_img1.png) no-repeat center center/100%;
  }
  .eo_sec1 .list:after {
    content: "";
    width: min(17.8823529412vw, 152px);
    aspect-ratio: 152/156;
    z-index: 1;
    position: absolute;
    right: min(1.1764705882vw, 10px);
    bottom: 26%;
    background: url(../sec1_img2.png) no-repeat center center/100%;
  }
  .eo_sec1 .list .item {
    position: relative;
    border: 4px solid;
    border-radius: min(4.7058823529vw, 40px);
    padding-top: min(10.5882352941vw, 90px);
    padding-left: min(2.9411764706vw, 25px);
    padding-right: min(2.3529411765vw, 20px);
    padding-bottom: min(2.9411764706vw, 25px);
  }
  .eo_sec1 .list .item + .item {
    margin-top: min(5.2941176471vw, 45px);
  }
  .eo_sec1 .list .item .label {
    position: absolute;
    left: -4px;
    top: -4px;
    height: min(9.4117647059vw, 80px);
    width: min(23.5294117647vw, 200px);
    display: flex;
    font-size: min(4.1176470588vw, 35px);
    font-family: "Zen Maru Gothic", serif;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 0 0 min(2.3529411765vw, 20px) 0;
  }
  .eo_sec1 .list .item1, .eo_sec1 .list .item2 {
    min-height: min(41.1764705882vw, 350px);
  }
  .eo_sec1 .list .item1 .sub, .eo_sec1 .list .item2 .sub {
    font-size: min(4.9411764706vw, 42px);
    font-family: "Zen Maru Gothic", serif;
    font-weight: bold;
  }
  .eo_sec1 .list .item1 .desc, .eo_sec1 .list .item2 .desc {
    font-size: min(3.5294117647vw, 30px);
    margin-top: min(1.1764705882vw, 10px);
    line-height: 1.5;
  }
  .eo_sec1 .list .item1 {
    border-color: #0348ae;
  }
  .eo_sec1 .list .item1 .label {
    background: #0348ae;
    justify-content: center;
  }
  .eo_sec1 .list .item1 .desc .emp,
  .eo_sec1 .list .item1 .sub {
    color: #0348ae;
  }
  .eo_sec1 .list .item2 {
    border-color: #03ae28;
  }
  .eo_sec1 .list .item2 .label {
    background: #03ae28;
    justify-content: center;
  }
  .eo_sec1 .list .item2 .sub {
    color: #03ae28;
  }
  .eo_sec1 .list .item2 .emp {
    color: #ff2a2a;
  }
  .eo_sec1 .list .item2 .green {
    color: #03ae28;
  }
  .eo_sec1 .list .item2 .large {
    font-size: 1.7em;
    line-height: 1;
  }
  .eo_sec1 .list .item3 {
    width: 100%;
    border-color: #ff7e00;
  }
  .eo_sec1 .list .item3 .label {
    background: #ff7e00;
    width: clamp(258.5px, 26.9270833333vw, 517px);
    justify-content: center;
  }
  .eo_sec1 .list .item3 .checklist .check {
    position: relative;
    padding-left: min(6.4705882353vw, 55px);
    font-weight: bold;
    font-size: min(3.8823529412vw, 33px);
    font-family: "Zen Maru Gothic", serif;
    line-height: 1.2;
  }
  .eo_sec1 .list .item3 .checklist .check + .check {
    margin-top: min(2.3529411765vw, 20px);
  }
  .eo_sec1 .list .item3 .checklist .check:before {
    content: "";
    width: min(4.7058823529vw, 40px);
    height: min(5.0588235294vw, 43px);
    background: url(../sec1_chk.png) no-repeat center center/contain;
    display: block;
    position: absolute;
    left: 0;
  }
  .eo_sec2 {
    padding-left: min(5.8823529412vw, 50px);
    padding-right: min(5.8823529412vw, 50px);
    margin-top: min(1.1764705882vw, 10px);
    background: url(../sec2_bg2.png) no-repeat center top/100% auto;
    padding-top: min(30.5882352941vw, 260px);
  }
  .eo_sec2 .ttl {
    font-size: min(5.2941176471vw, 45px);
    width: min(85.8823529412vw, 730px);
    height: min(10.5882352941vw, 90px);
    font-weight: bold;
    font-family: "Zen Maru Gothic", serif;
    color: #fff;
    background: #0348ae;
    border-radius: min(5.2941176471vw, 45px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .eo_sec2 .ttl:after {
    content: "";
    display: block;
    position: absolute;
    right: min(-1.1764705882vw, -10px);
    bottom: min(5.8823529412vw, 50px);
    background: url(../sec2_ttl.png) no-repeat center center/contain;
    width: min(15.4117647059vw, 131px);
    aspect-ratio: 131/121;
  }
  .eo_sec2 .list {
    margin-top: min(5.8823529412vw, 50px);
  }
  .eo_sec2 .list .item {
    border-radius: 0 0 min(4.7058823529vw, 40px) min(4.7058823529vw, 40px);
    background: #fff;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
  }
  .eo_sec2 .list .item + .item {
    margin-top: clamp(22.5px, 2.34375vw, 45px);
  }
  .eo_sec2 .list .item:nth-child(1) {
    position: relative;
  }
  .eo_sec2 .list .item:nth-child(1):after {
    content: "";
    background: url(../sec2_item1.png) no-repeat center center/cover;
    width: min(10vw, 85px);
    height: min(10vw, 85px);
    display: block;
    position: absolute;
    bottom: min(3.5294117647vw, 30px);
    left: min(-1.7647058824vw, -15px);
    z-index: 1;
  }
  .eo_sec2 .list .item:nth-child(1):before {
    content: "";
    background: url(../sec2_ico.png) no-repeat center center/cover;
    width: min(7.7647058824vw, 66px);
    height: min(8.8235294118vw, 75px);
    display: block;
    position: absolute;
    bottom: min(-2.9411764706vw, -25px);
    right: min(-2.5882352941vw, -22px);
    z-index: 1;
  }
  .eo_sec2 .list .item:nth-child(2) {
    position: relative;
  }
  .eo_sec2 .list .item:nth-child(2):after {
    content: "";
    background: url(../sec2_item2.png) no-repeat center center/cover;
    width: min(6.2352941176vw, 53px);
    height: min(7.4117647059vw, 63px);
    display: block;
    position: absolute;
    bottom: min(7.0588235294vw, 60px);
    left: min(-1.7647058824vw, -15px);
    z-index: 1;
  }
  .eo_sec2 .list .item:nth-child(3) {
    position: relative;
  }
  .eo_sec2 .list .item:nth-child(3):after {
    content: "";
    background: url(../sec2_item3.png) no-repeat center center/cover;
    width: min(6.1176470588vw, 52px);
    height: min(6.3529411765vw, 54px);
    display: block;
    position: absolute;
    bottom: min(-2.3529411765vw, -20px);
    right: min(-2.3529411765vw, -20px);
    z-index: 1;
  }
  .eo_sec2 .list .item .img {
    width: 100%;
  }
  .eo_sec2 .list .item._blue .sub {
    color: #0348ae;
    border-color-bottom: #0348ae;
  }
  .eo_sec2 .list .item._blue .btn {
    background: #0348ae;
  }
  .eo_sec2 .list .item._green .sub {
    color: #03ae28;
    border-color-bottom: #03ae28;
  }
  .eo_sec2 .list .item._green .btn {
    background: #03ae28;
  }
  .eo_sec2 .list .item._red .sub {
    color: #ff002a;
    border-color-bottom: #ff002a;
  }
  .eo_sec2 .list .item._red .btn {
    background: #ff002a;
  }
  .eo_sec2 .list .item._yellow .sub {
    color: #ffa800;
    border-color-bottom: #ffa800;
  }
  .eo_sec2 .list .item._yellow .btn {
    background: #ffa800;
  }
  .eo_sec2 .list .item._purple .sub {
    color: #5e48ff;
    border-color-bottom: #5e48ff;
  }
  .eo_sec2 .list .item._purple .btn {
    background: #5e48ff;
  }
  .eo_sec2 .list .item._rev {
    flex-direction: row-reverse;
  }
  .eo_sec2 .list .item .box {
    flex: 1;
    padding-top: min(2.3529411765vw, 20px);
    padding-left: clamp(15px, 1.5625vw, 30px);
    padding-right: clamp(15px, 1.5625vw, 30px);
    padding-bottom: min(7.0588235294vw, 60px);
  }
  .eo_sec2 .list .item .box .sub {
    margin-bottom: min(2.3529411765vw, 20px);
    font-size: min(4.7058823529vw, 40px);
    font-weight: bold;
    font-family: "Zen Maru Gothic", serif;
    line-height: 1.3;
    border-bottom: clamp(4px, 0.4166666667vw, 8px) solid;
    padding-bottom: clamp(5px, 0.5208333333vw, 10px);
  }
  .eo_sec2 .list .item .box .sub .mini {
    font-size: min(3.7647058824vw, 32px);
    display: block;
  }
  .eo_sec2 .list .item .box .desc {
    font-size: min(3.5294117647vw, 30px);
    line-height: 1.4;
  }
  .eo_sec2 .list .item .box .btn {
    margin: min(7.0588235294vw, 60px) auto 0;
    width: min(38.8235294118vw, 330px);
    height: min(10.3529411765vw, 88px);
    border-radius: min(5.1764705882vw, 44px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: "Zen Maru Gothic", serif;
    font-size: min(4vw, 34px);
    color: #fff;
  }
  .eo_sec3 {
    padding-left: min(2.3529411765vw, 20px);
    padding-right: min(2.3529411765vw, 20px);
    margin-top: min(11.7647058824vw, 100px);
  }
  .eo_sec3 .eo_wrap {
    border: 4px solid #0348ae;
    border-radius: min(5.8823529412vw, 50px);
  }
  .eo_sec3 .eo_wrap .ttl {
    background: #0348ae;
    padding: min(2.3529411765vw, 20px) min(2.3529411765vw, 20px) min(3.5294117647vw, 30px);
    line-height: 1.2;
    text-align: center;
    border-radius: min(4.9411764706vw, 42px) min(4.9411764706vw, 42px) 0 0;
    font-weight: bold;
    font-family: "Zen Maru Gothic", serif;
    font-size: min(5.2941176471vw, 45px);
    color: #fff;
    position: relative;
  }
  .eo_sec3 .eo_wrap .ttl:after, .eo_sec3 .eo_wrap .ttl:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
  }
  .eo_sec3 .eo_wrap .ttl:before {
    content: "";
    width: min(13.1764705882vw, 112px);
    height: min(8.7058823529vw, 74px);
    background: url(../sec3_ttl_l.png) no-repeat center center/contain;
    bottom: min(8.2352941176vw, 70px);
    left: min(1.1764705882vw, 10px);
  }
  .eo_sec3 .eo_wrap .ttl:after {
    content: "";
    width: min(15.4117647059vw, 131px);
    height: min(19.1764705882vw, 163px);
    background: url(../sec3_ttl_r.png) no-repeat center center/contain;
    bottom: min(3.5294117647vw, 30px);
    right: min(2.3529411765vw, 20px);
  }
  .eo_sec3 .eo_wrap .list {
    padding: min(7.0588235294vw, 60px) min(6.4705882353vw, 55px);
  }
  .eo_sec3 .eo_wrap .list .item {
    font-family: "Zen Maru Gothic", serif;
    border: 4px solid #03ae28;
    position: relative;
    line-height: 1.3;
    display: flex;
    align-items: center;
    min-height: min(20vw, 170px);
    padding-top: min(2.9411764706vw, 25px);
    padding-bottom: min(2.9411764706vw, 25px);
    border-radius: 0 min(4.7058823529vw, 40px) min(4.7058823529vw, 40px) 0;
    padding-left: min(14.1176470588vw, 120px);
  }
  .eo_sec3 .eo_wrap .list .item .emphasis {
    font-weight: bold;
  }
  .eo_sec3 .eo_wrap .list .item:before {
    content: "";
    width: min(12.9411764706vw, 110px);
    height: calc(100% + 8px);
    display: block;
    position: absolute;
    background: url(../check.png) no-repeat center center/65%, #03ae28;
    left: -4px;
    top: -4px;
    border-radius: 0 0 min(3.5294117647vw, 30px) 0;
  }
  .eo_sec3 .eo_wrap .list .item {
    font-size: min(4.4705882353vw, 38px);
  }
  .eo_sec3 .eo_wrap .list .item + .item {
    margin-top: min(4.7058823529vw, 40px);
  }
  .eo_sec4 {
    padding-left: min(2.3529411765vw, 20px);
    padding-right: min(2.3529411765vw, 20px);
    padding-top: min(11.7647058824vw, 100px);
    padding-bottom: min(57.6470588235vw, 490px);
    background: url(../sec4_bgsp.png) no-repeat bottom center/100% auto;
  }
  .eo_sec4 .eo_wrap {
    position: relative;
  }
  .eo_sec4 .eo_wrap:after {
    content: "";
    z-index: 1;
    width: clamp(192.5px, 20.0520833333vw, 385px);
    aspect-ratio: 385/638;
    background: url(../sec4_lady.png) no-repeat center center/contain;
    display: block;
    position: absolute;
    right: min(-2.3529411765vw, -20px);
    top: min(8.2352941176vw, 70px);
  }
  .eo_sec4 .ttl {
    font-size: min(5.2941176471vw, 45px);
    width: min(85.8823529412vw, 730px);
    height: min(10.5882352941vw, 90px);
    border-radius: min(5.5294117647vw, 47px);
    font-weight: bold;
    font-family: "Zen Maru Gothic", serif;
    color: #fff;
    background: #ff002a;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .eo_sec4 .list {
    margin-top: min(3.5294117647vw, 30px);
  }
  .eo_sec4 .list .item {
    min-height: min(14.8235294118vw, 126px);
    border-radius: min(2.3529411765vw, 20px);
    border: min(0.4705882353vw, 4px) solid #ff002a;
    width: 71%;
    line-height: 1.3;
    padding: min(1.7647058824vw, 15px) min(3.5294117647vw, 30px);
    font-size: min(4.1176470588vw, 35px);
    font-weight: bold;
    font-family: "Zen Maru Gothic", serif;
    display: flex;
    align-items: center;
    background: #fff;
  }
  .eo_sec4 .list .item + .item {
    margin-top: min(2.9411764706vw, 25px);
  }
}

/*# sourceMappingURL=earlyokinawa.css.map */
