* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 0;
}

section {
    background: white;
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
}


/* fonts start */

@font-face {
    font-family: a_otf_gothig_mb101_ProB;
    src: url("../fonts/A-OTFGothicMB101ProB.otf") format("opentype");
}

@font-face {
    font-family: a_otf_gothig_mb101_ProDB;
    src: url("../fonts/A-OTFGothicMB101ProDB.otf") format("opentype");
}

@font-face {
    font-family: a_otf_gothig_mb101_ProU;
    src: url("../fonts/A-OTFGothicMB101ProU.otf") format("opentype");
}

@font-face {
    font-family: dinBold;
    src: url("../fonts/dinBold.otf") format("opentype");
}

@font-face {
    font-family: a_otf_futoGoB101Pr5Bold;
    src: url("../fonts/A-OTFFutoGoB101Pr5Bold.otf") format("opentype");
}

@font-face {
    font-family: yugothigb;
    src: url("../fonts/yugothib.otf") format("opentype");
}

@font-face {
    font-family: minionVariableConcept-Roman;
    src: url("../fonts/MinionVariableConcept-Roman.otf") format("opentype");
}

.a_otf_gothig_mb101_ProB {
    font-family: a_otf_gothig_mb101_ProB;
}

.a_otf_gothig_mb101_ProDB {
    font-family: a_otf_gothig_mb101_ProDB;
}

.a_otf_gothig_mb101_ProU {
    font-family: a_otf_gothig_mb101_ProU;
}

.dinBold {
    font-family: dinBold;
}

.a_otf_futoGoB101Pr5Bold {
    font-family: a_otf_futoGoB101Pr5Bold;
}

.yugothigb {
    font-family: yugothigb;
}

.minionVariableConcept-Roman {
    font-family: minionVariableConcept-Roman;
}


/* fonts end */


/* utility class start */

.w_100 {
    width: 100%;
}

.w_90 {
    width: 90%;
}

.w_80 {
    width: 80%;
}

.w_70 {
    width: 70%;
}

.w_60 {
    width: 60%;
}

.mx_auto {
    margin-left: auto;
    margin-right: auto;
}

.p_relative {
    position: relative;
}

.p_absolute {
    position: absolute;
}

.txt_center {
    text-align: center;
}

.txt_start {
    text-align: left;
}

.txt_end {
    text-align: right;
}

.bg_white {
    background: white;
}

.bg_black {
    background: black;
}

.bg_main {
    background: url('../img/bg_ball.png');
    background-color: #f4f4f4;
}

.txt_white {
    color: white;
}

.txt_black {
    color: black;
}

.txt_yellow {
    color: #fff100;
}

.txt_red {
    color: #ff0000;
}

.txt_shadow {
    text-shadow: 10px 10px 10px black;
}

.lh_1 {
    line-height: 1;
}

.lh_1_5 {
    line-height: 2;
}

.pc_none {
    display: none;
}


/* utility class end */


/* section top start */

.txt_icon {
    top: 5%;
    left: 5%;
    line-height: 1;
}

.txt1 {
    font-size: 5.5rem;
}

.txt2 {
    font-size: 22.7rem;
}

.txt3 {
    font-size: 5rem;
    margin-top: 2rem;
    letter-spacing: 4.6rem;
}

.txt4 {
    font-size: 11rem;
    margin-top: 2rem;
}

.txt_popular {
    top: 45%;
    left: 3%;
    transform: rotate(-10.5deg);
    font-size: 4.6rem;
}

.txt_training {
    top: 76%;
    right: 5%;
    font-size: 6rem;
}

.txt_v2 {
    bottom: 0;
    width: 100%;
    padding: 10rem 13rem;
    line-height: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 2rem;
}

.txt_v2_1 {
    font-size: 9rem;
}

.txt_v2_2 {
    font-size: 16.8rem;
}

.txt_v2_3 {
    font-size: 4.8rem;
    margin-top: 4rem;
}


/* section top end */


/* section esa start */

.esa_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.txt_esa {
    padding-left: 6rem;
}

.txt_esa_title {
    font-size: 6rem;
}

.txt_esa_title_sub {
    font-size: 3rem;
}

.txt_esa_title_sub_span {
    font-size: 2rem;
}

.txt_esa_body {
    font-size: 2rem;
}


/* section esa end */


/* section tab start */

.tab_grid {
    display: grid;
    grid-template-columns: 3fr 2fr;
    align-items: center;
    gap: 5rem;
    padding: 10rem 15rem;
}

.tab_txt_b {
    font-size: 2.5rem;
}

.tab_txt_r {
    font-size: 3rem;
}

.tab_txt {
    font-size: 1.5rem;
    bottom: 0;
    left: 28%;
    transform: translate(-50%, 50%);
}


/* section tab end */


/* section mid start */

.mid_title {
    transform: rotate(-10.5deg);
    top: 0;
    left: 5%;
    font-size: 9rem;
}

.mid_title2 {
    transform: rotate(-10.5deg);
    top: 0;
    left: 5%;
    font-size: 7rem;
}

.mid_title_span {
    font-size: 6rem;
}

.mid_txt {
    font-size: 2.3rem;
    padding: 4rem 0;
}

.mid_txt_title {
    font-size: 4rem;
    margin: 2rem;
}

.mid_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9rem;
    padding: 5rem 9rem;
}

.mid_grid_txt {
    font-size: 2rem;
}

.mashin_title {
    font-size: 2.5rem;
}

.mashin_txt {
    font-size: 2rem;
    margin-top: 1rem;
}

.mashin_bg_txt {
    font-size: 2.5rem;
    margin-top: 2rem;
    padding: 0.5rem 0;
}

.roun1 {
    width: 350px;
    left: 0;
    bottom: 0;
    transform: translate(-30%, 30%);
}


/* section mid end */


/* section icons start */

.icons_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9rem;
    padding: 10rem 13rem;
}

.icons_title {
    font-size: 3rem;
}

.icons_title_sub {
    font-size: 2rem;
}

.icons_txt {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}


/* section icons end */


/* section event start */

.event_top_space {
    padding-top: 10rem;
}


/* section event end */


/* section schedule start */

.mount {
    color: #00a1ae;
    font-size: 12rem;
    bottom: 1%;
    right: 5%;
}

.schedule_p {
    padding: 10rem 0;
}

/* section schedule end */


/* section ask start */

.ask_txt {
    font-size: 2.5rem;
    padding: 5rem 0;
}


/* section ask end */


/* section footer start */

.footer_title {
    font-size: 5rem;
    display: inline-block;
    border-bottom: 2px solid white;
    align-items: center;
    padding-top: 2rem;
}
.footer_title a{
	color:#fff;
	text-decoration:none;
}
.footer_title a:hover{
	color:#ff0;
}
.footer_grid {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: space-evenly;
    padding: 4rem 0;
}

.footer_grid_company {
    font-size: 4rem;
}

.footer_grid_address {
    font-size: 2rem;
}

.footer_grid_phone {
    font-size: 6rem;
}

.footer_grid_name {
    font-size: 2rem;
}

/* section footer end */

@media screen and (max-width: 1399.98px) {
    /* section top start */
    section {
        background: white;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
    .txt_icon {
        top: 5%;
        left: 5%;
        line-height: 1;
    }
    .txt1 {
        font-size: 4.5rem;
    }
    .txt2 {
        font-size: 18.7rem;
    }
    .txt3 {
        font-size: 4rem;
        margin-top: 2rem;
        letter-spacing: 3.9rem;
    }
    .txt4 {
        font-size: 9rem;
        margin-top: 2rem;
    }
    .txt_popular {
        top: 44%;
        left: 3%;
        transform: rotate(-10.5deg);
        font-size: 4rem;
    }
    .txt_training {
        top: 73%;
        right: 5%;
        font-size: 4.5rem;
    }
    .txt_v2 {
        bottom: 0;
        width: 100%;
        padding: 10rem 13rem;
        line-height: 1;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        gap: 2rem;
    }
    .txt_v2_1 {
        font-size: 9rem;
    }
    .txt_v2_2 {
        font-size: 16.8rem;
    }
    .txt_v2_3 {
        font-size: 4.8rem;
        margin-top: 4rem;
    }
    /* section top end */
    /* section esa start */
    .esa_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
    }
    .txt_esa {
        padding-left: 6rem;
    }
    .txt_esa_title {
        font-size: 5rem;
    }
    .txt_esa_title_sub {
        font-size: 2.5rem;
    }
    .txt_esa_title_sub_span {
        font-size: 1.8rem;
    }
    .txt_esa_body {
        font-size: 1.5rem;
    }
    /* section esa end */
    /* section tab start */
    .tab_grid {
        display: grid;
        grid-template-columns: 3fr 2fr;
        align-items: center;
        gap: 5rem;
        padding: 10rem 15rem;
    }
    .tab_txt_b {
        font-size: 2.5rem;
    }
    .tab_txt_r {
        font-size: 2.8rem;
    }
    .tab_txt {
        font-size: 1.5rem;
        bottom: 0;
        left: 28%;
        transform: translate(-50%, 50%);
    }
    /* section tab end */
    /* section mid start */
    .mid_title {
        transform: rotate(-10.5deg);
        top: 0;
        left: 5%;
        font-size: 7rem;
    }
    .mid_title2 {
        transform: rotate(-10.5deg);
        top: 0;
        left: 5%;
        font-size: 5.5rem;
    }
    .mid_title_span {
        font-size: 5rem;
    }
    .mid_txt_title {
        font-size: 3rem;
        margin: 2rem;
    }
    .mid_txt {
        font-size: 2rem;
        padding: 4rem 0;
    }
    .mid_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 9rem;
        padding: 5rem 9rem;
    }
    .mid_grid_txt {
        font-size: 1.5rem;
    }
    .mashin_title {
        font-size: 2.5rem;
    }
    .mashin_txt {
        font-size: 2rem;
        margin-top: 1rem;
    }
    .mashin_bg_txt {
        font-size: 2.5rem;
        margin-top: 2rem;
        padding: 0.5rem 0;
    }
    .roun1 {
        width: 350px;
        left: 0;
        bottom: 0;
        transform: translate(-30%, 30%);
    }
    /* section mid end */
    /* section icons start */
    .icons_grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 5rem;
        padding: 10rem 7rem;
    }
    .icons_title {
        font-size: 3rem;
    }
    .icons_title_sub {
        font-size: 2rem;
    }
    .icons_txt {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }
    /* section icons end */
    /* section event start */
    .event_top_space {
        padding-top: 10rem;
    }
    /* section event end */
    /* section schedule start */
    .mount {
        color: #00a1ae;
        font-size: 12rem;
        bottom: 1%;
        right: 5%;
    }
    .schedule_p {
        padding: 10rem 0;
    }
    /* section schedule end */
    /* section ask start */
    .ask_txt {
        font-size: 2.5rem;
        padding: 5rem 0;
    }
    /* section ask end */
    /* section footer start */
    .footer_title {
        font-size: 5rem;
        display: inline-block;
        border-bottom: 2px solid white;
        align-items: center;
        padding-top: 2rem;
    }
    .footer_grid {
        display: grid;
        grid-template-columns: repeat(2, auto);
        justify-content: space-evenly;
        padding: 4rem 0;
    }
    .footer_grid_company {
        font-size: 4rem;
    }
    .footer_grid_address {
        font-size: 2rem;
    }
    .footer_grid_phone {
        font-size: 6rem;
    }
    .footer_grid_name {
        font-size: 2rem;
    }
    /* section footer end */
}

@media screen and (max-width: 1199.98px) {
    /* section top start */
    section {
        background: white;
        max-width: 992px;
        margin-left: auto;
        margin-right: auto;
    }
    .txt_icon {
        top: 5%;
        left: 5%;
        line-height: 1;
    }
    .txt1 {
        font-size: 3.5rem;
    }
    .txt2 {
        font-size: 14.5rem;
    }
    .txt3 {
        font-size: 3rem;
        margin-top: 2rem;
        letter-spacing: 3.15rem;
    }
    .txt4 {
        font-size: 7rem;
        margin-top: 2rem;
    }
    .txt_popular {
        top: 44%;
        left: 3%;
        transform: rotate(-10.5deg);
        font-size: 3.3rem;
    }
    .txt_training {
        top: 74%;
        right: 5%;
        font-size: 4.2rem;
    }
    .txt_v2 {
        bottom: 0;
        width: 100%;
        padding: 10rem 13rem;
        line-height: 1;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        gap: 2rem;
    }
    .txt_v2_1 {
        font-size: 6rem;
    }
    .txt_v2_2 {
        font-size: 11rem;
    }
    .txt_v2_3 {
        font-size: 3.2rem;
        margin-top: 2rem;
    }
    /* section top end */
    /* section esa start */
    .esa_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
    }
    .txt_esa {
        padding-left: 6rem;
    }
    .txt_esa_title {
        font-size: 4rem;
    }
    .txt_esa_title_sub {
        font-size: 2rem;
    }
    .txt_esa_title_sub_span {
        font-size: 1.5rem;
    }
    .txt_esa_body {
        font-size: 1.5rem;
    }
    /* section esa end */
    /* section tab start */
    .tab_grid {
        display: grid;
        grid-template-columns: 3fr 2fr;
        align-items: center;
        gap: 5rem;
        padding: 10rem 10rem;
    }
    .tab_txt_b {
        font-size: 2rem;
    }
    .tab_txt_r {
        font-size: 2.4rem;
    }
    .tab_txt {
        font-size: 1.2rem;
        bottom: 0;
        left: 28%;
        transform: translate(-50%, 50%);
    }
    /* section tab end */
    /* section mid start */
    .mid_title {
        transform: rotate(-10.5deg);
        top: 0;
        left: 5%;
        font-size: 5rem;
    }
    .mid_title2 {
        transform: rotate(-10.5deg);
        top: 0;
        left: 5%;
        font-size: 4.5rem;
    }
    .mid_title_span {
        font-size: 3.5rem;
    }
    .mid_txt_title {
        font-size: 2.5rem;
        margin: 2rem;
    }
    .mid_txt {
        font-size: 1.5rem;
        padding: 3rem 0;
    }
    .mid_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem;
        padding: 5rem 9rem;
    }
    .mid_grid_txt {
        font-size: 1.5rem;
    }
    .mashin_title {
        font-size: 2rem;
    }
    .mashin_txt {
        font-size: 2rem;
        margin-top: 1rem;
    }
    .mashin_bg_txt {
        font-size: 2.5rem;
        margin-top: 2rem;
        padding: 0.5rem 0;
    }
    .roun1 {
        width: 250px;
        left: 0;
        bottom: 0;
        transform: translate(-30%, 30%);
    }
    /* section mid end */
    /* section icons start */
    .icons_grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        padding: 5rem 1rem;
    }
    .icons_title {
        font-size: 3rem;
    }
    .icons_title_sub {
        font-size: 2rem;
    }
    .icons_txt {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }
    /* section icons end */
    /* section event start */
    .event_top_space {
        padding-top: 10rem;
    }
    /* section event end */
    /* section schedule start */
    .mount {
        color: #00a1ae;
        font-size: 12rem;
        bottom: 1%;
        right: 5%;
    }
    .schedule_p {
        padding: 10rem 0;
    }
    /* section schedule end */
    /* section ask start */
    .ask_txt {
        font-size: 2rem;
        padding: 5rem 0;
    }
    /* section ask end */
    /* section footer start */
    .footer_title {
        font-size: 4rem;
        display: inline-block;
        border-bottom: 2px solid white;
        align-items: center;
        padding-top: 2rem;
    }
    .footer_grid {
        display: grid;
        grid-template-columns: repeat(2, auto);
        justify-content: space-evenly;
        padding: 4rem 0;
    }
    .footer_grid_company {
        font-size: 3rem;
    }
    .footer_grid_address {
        font-size: 2rem;
    }
    .footer_grid_phone {
        font-size: 5rem;
    }
    .footer_grid_name {
        font-size: 2rem;
    }
    /* section footer end */
}

@media screen and (max-width: 991.98px) {
    /* section top start */
    section {
        background: white;
        max-width: 768px;
        margin-left: auto;
        margin-right: auto;
    }
    .txt_icon {
        top: 5%;
        left: 5%;
        line-height: 1;
    }
    .txt1 {
        font-size: 2.5rem;
    }
    .txt2 {
        font-size: 10.3rem;
    }
    .txt3 {
        font-size: 2.5rem;
        margin-top: 1rem;
        letter-spacing: 2.8rem;
    }
    .txt4 {
        font-size: 6rem;
        margin-top: 1rem;
    }
    .txt_popular {
        top: 44%;
        left: 3%;
        transform: rotate(-10.5deg);
        font-size: 2.5rem;
    }
    .txt_training {
        top: 76%;
        right: 5%;
        font-size: 3rem;
    }
    .txt_v2 {
        bottom: 0;
        width: 100%;
        padding: 6rem 10rem;
        line-height: 1;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        gap: 2rem;
    }
    .txt_v2_1 {
        font-size: 5rem;
    }
    .txt_v2_2 {
        font-size: 9.2rem;
    }
    .txt_v2_3 {
        font-size: 2.6rem;
        margin-top: 2rem;
    }
    /* section top end */
    /* section esa start */
    .esa_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: center;
        gap: 2rem;
    }
    .order1 {
        order: 1;
    }
    .order2 {
        order: 2;
    }
    .order3 {
        order: 3;
    }
    .order4 {
        order: 4;
    }
    .txt_esa {
        padding-left: 8rem;
    }
    .txt_esa_title {
        font-size: 7rem;
    }
    .txt_esa_title_sub {
        font-size: 4rem;
    }
    .txt_esa_title_sub_span {
        font-size: 2rem;
    }
    .txt_esa_body {
        font-size: 2rem;
    }
    /* section esa end */
    /* section tab start */
    .tab_grid {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 5rem;
        padding: 10rem 10rem;
    }
    .tab_txt_b {
        font-size: 2.8rem;
    }
    .tab_txt_r {
        font-size: 3rem;
    }
    .tab_txt {
        font-size: 2rem;
        bottom: 0;
        left: 28%;
        transform: translate(-50%, 50%);
    }
    /* section tab end */
    /* section mid start */
    .mid_title {
        transform: rotate(-10.5deg);
        top: 0;
        left: 5%;
        font-size: 4rem;
    }
    .mid_title2 {
        transform: rotate(-10.5deg);
        top: 0;
        left: 5%;
        font-size: 3.5rem;
    }
    .mid_title_span {
        font-size: 3rem;
    }
    .mid_txt_title {
        font-size: 2.5rem;
        margin: 2rem;
    }
    .mid_txt {
        font-size: 1.5rem;
        padding: 3rem 0;
    }
    .mid_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
        padding: 0 5rem 5rem 5rem;
    }
    .mid_grid_txt {
        font-size: 1.5rem;
    }
    .mashin_title {
        font-size: 2rem;
    }
    .mashin_txt {
        font-size: 2rem;
        margin-top: 1rem;
    }
    .mashin_bg_txt {
        font-size: 2.5rem;
        margin-top: 2rem;
        padding: 0.5rem 0;
    }
    .roun1 {
        width: 200px;
        left: 0;
        bottom: 0;
        transform: translate(-30%, 20%);
    }
    /* section mid end */
    /* section icons start */
    .icons_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        padding: 5rem 1rem;
    }
    .icons_title {
        font-size: 4rem;
    }
    .icons_title_sub {
        font-size: 2.5rem;
    }
    .icons_txt {
        font-size: 2rem;
        margin-bottom: 2rem;
    }
    /* section icons end */
    /* section event start */
    .event_top_space {
        padding-top: 10rem;
    }
    /* section event end */
    /* section schedule start */
    .mount {
        color: #00a1ae;
        font-size: 12rem;
        bottom: 1%;
        right: 5%;
    }
    .schedule_p {
        padding: 10rem 0;
    }
    /* section schedule end */
    /* section ask start */
    .ask_txt {
        font-size: 1.5rem;
        padding: 5rem 0;
    }
    /* section ask end */
    /* section footer start */
    .footer_title {
        font-size: 4rem;
        display: inline-block;
        border-bottom: 2px solid white;
        align-items: center;
        padding-top: 2rem;
    }
    .footer_grid {
        display: grid;
        grid-template-columns: repeat(2, auto);
        justify-content: space-evenly;
        padding: 3rem 0;
    }
    .footer_grid_company {
        font-size: 2.5rem;
    }
    .footer_grid_address {
        font-size: 2rem;
    }
    .footer_grid_phone {
        font-size: 4rem;
    }
    .footer_grid_name {
        font-size: 2rem;
    }
    /* section footer end */
}

@media screen and (max-width: 767.98px) {
    /* section top start */
    section {
        background: white;
        max-width: 576px;
        margin-left: auto;
        margin-right: auto;
    }
    .txt_icon {
        top: 5%;
        left: 5%;
        line-height: 1;
    }
    .txt1 {
        font-size: 2rem;
    }
    .txt2 {
        font-size: 8.2rem;
    }
    .txt3 {
        font-size: 2rem;
        margin-top: 1rem;
        letter-spacing: 1.5rem;
    }
    .txt4 {
        font-size: 4rem;
        margin-top: 1rem;
    }
    .txt_popular {
        top: 44%;
        left: 3%;
        transform: rotate(-10.5deg);
        font-size: 1.9rem;
    }
    .txt_training {
        top: 76%;
        right: 5%;
        font-size: 2.4rem;
    }
    .txt_v2 {
        bottom: 0;
        width: 100%;
        padding: 6rem 10rem;
        line-height: 1;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        gap: 2rem;
    }
    .txt_v2_1 {
        font-size: 3rem;
    }
    .txt_v2_2 {
        font-size: 5.5rem;
    }
    .txt_v2_3 {
        font-size: 1.6rem;
        margin-top: 1rem;
    }
    /* section top end */
    /* section esa start */
    .esa_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: center;
        gap: 2rem;
    }
    .order1 {
        order: 1;
    }
    .order2 {
        order: 2;
    }
    .order3 {
        order: 3;
    }
    .order4 {
        order: 4;
    }
    .txt_esa {
        padding-left: 5rem;
    }
    .txt_esa_title {
        font-size: 5rem;
    }
    .txt_esa_title_sub {
        font-size: 3rem;
    }
    .txt_esa_title_sub_span {
        font-size: 2rem;
    }
    .txt_esa_body {
        font-size: 1.5rem;
    }
    /* section esa end */
    /* section tab start */
    .tab_grid {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 5rem;
        padding: 10rem 10rem;
    }
    .tab_txt_b {
        font-size: 2rem;
    }
    .tab_txt_r {
        font-size: 2rem;
    }
    .tab_txt {
        font-size: 1.5rem;
        bottom: 0;
        left: 28%;
        transform: translate(-50%, 50%);
    }
    /* section tab end */
    /* section mid start */
    .sp_none {
        display: none;
    }
    .pc_none {
        display: block;
    }
    .mid_title {
        transform: rotate(-10.5deg);
        top: 0;
        left: 5%;
        font-size: 3.5rem;
    }
    .mid_title2 {
        transform: rotate(-10.5deg);
        top: 0;
        left: 5%;
        font-size: 2.5rem;
    }
    .mid_title_span {
        font-size: 2.5rem;
    }
    .mid_txt_title {
        font-size: 2.5rem;
        margin: 2rem;
    }
    .mid_txt {
        font-size: 1.5rem;
        padding: 3rem 0;
        width: 90%;
        margin: 0 auto;
    }
    .mid_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
        padding: 0 5rem 5rem 5rem;
    }
    .mid_grid_txt {
        font-size: 1.5rem;
    }
    .mashin_title {
        font-size: 1.8rem;
    }
    .mashin_txt {
        font-size: 1.5rem;
        margin-top: 1rem;
    }
    .mashin_bg_txt {
        font-size: 2rem;
        margin-top: 1rem;
        padding: 0.5rem 0;
    }
    .roun1 {
        width: 150px;
        left: 0;
        bottom: 0;
        transform: translate(-30%, 10%);
    }
    /* section mid end */
    /* section icons start */
    .icons_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        padding: 5rem 1rem;
    }
    .icons_title {
        font-size: 4rem;
    }
    .icons_title_sub {
        font-size: 2.5rem;
    }
    .icons_txt {
        font-size: 2rem;
        margin-bottom: 2rem;
    }
    /* section icons end */
    /* section event start */
    .event_top_space {
        padding-top: 5rem;
    }
    /* section event end */
    /* section schedule start */
    .mount {
        color: #00a1ae;
        font-size: 12rem;
        bottom: 1%;
        right: 5%;
    }
    .schedule_p {
        padding: 5rem 0;
    }
    /* section schedule end */
    /* section ask start */
    .ask_txt {
        font-size: 1.5rem;
        padding: 5rem 0;
    }
    /* section ask end */
    /* section footer start */
    .footer_title {
        font-size: 4rem;
        display: inline-block;
        border-bottom: 2px solid white;
        align-items: center;
        padding-top: 2rem;
    }
    .footer_grid {
        display: grid;
        grid-template-columns: repeat(1, auto);
        justify-content: space-evenly;
        padding: 3rem 0;
    }
    .footer_grid_company {
        font-size: 4rem;
    }
    .footer_grid_address {
        font-size: 2rem;
    }
    .footer_grid_phone {
        font-size: 3rem;
    }
    .footer_grid_name {
        font-size: 2rem;
    }
    /* section footer end */
}

@media screen and (max-width: 575.98px) {
    /* section top start */
    section {
        background: white;
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }
    .txt_icon {
        top: 4%;
        left: 4%;
        line-height: 1;
    }
    .txt1 {
        font-size: 1.5rem;
    }
    .txt2 {
        font-size: 6.2rem;
    }
    .txt3 {
        font-size: 1.4rem;
        margin-top: 0.5rem;
        letter-spacing: 0.8rem;
    }
    .txt4 {
        font-size: 2.5rem;
        margin-top: 0.5rem;
    }
    .txt_popular {
        top: 44%;
        left: 3%;
        transform: rotate(-10.5deg);
        font-size: 1.2rem;
    }
    .txt_training {
        top: 76%;
        right: 5%;
        font-size: 1.4rem;
    }
    .txt_v2 {
        bottom: 0;
        width: 100%;
        padding: 2rem 2rem;
        line-height: 1;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        gap: 2rem;
    }
    .txt_v2_1 {
        font-size: 3rem;
    }
    .txt_v2_2 {
        font-size: 5.5rem;
    }
    .txt_v2_3 {
        font-size: 1.6rem;
        margin-top: 1rem;
    }
    /* section top end */
    /* section esa start */
    .esa_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: center;
        gap: 2rem;
    }
    .order1 {
        order: 1;
    }
    .order2 {
        order: 2;
    }
    .order3 {
        order: 3;
    }
    .order4 {
        order: 4;
    }
    .txt_esa {
        padding-left: 2rem;
    }
    .txt_esa_title {
        font-size: 3rem;
    }
    .txt_esa_title_sub {
        font-size: 2.3rem;
    }
    .txt_esa_title_sub_span {
        font-size: 1.5rem;
    }
    .txt_esa_body {
        font-size: 1rem;
    }
    /* section esa end */
    /* section tab start */
    .tab_grid {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 2rem;
        padding: 2rem;
    }
    .tab_txt_b {
        font-size: 1.5rem;
    }
    .tab_txt_r {
        font-size: 1.6rem;
    }
    .tab_txt {
        font-size: 1.1rem;
        bottom: 0;
        left: 28%;
        transform: translate(-50%, 50%);
    }
    /* section tab end */
    /* section mid start */
    .sp_none {
        display: none;
    }
    .pc_none {
        display: block;
    }
    .mid_title {
        transform: rotate(-10.5deg);
        top: 0;
        left: 5%;
        font-size: 2rem;
    }
    .mid_title2 {
        transform: rotate(-10.5deg);
        top: 0;
        left: 5%;
        font-size: 1.5rem;
    }
    .mid_title_span {
        font-size: 1.5rem;
    }
    .mid_txt_title {
        font-size: 1.2rem;
        margin: 2rem;
    }
    .mid_txt {
        font-size: 1rem;
        padding: 1rem 0;
        width: 90%;
        margin: 0 auto;
    }
    .mid_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
        padding: 0 2rem 5rem 2rem;
    }
    .mid_grid_txt {
        font-size: 1rem;
    }
    .mashin_title {
        font-size: 1.1rem;
    }
    .mashin_txt {
        font-size: 1rem;
        margin-top: 1rem;
    }
    .mashin_bg_txt {
        font-size: 1.3rem;
        margin-top: 1rem;
        padding: 0.3rem 0;
    }
    .roun1 {
        width: 100px;
        left: 0;
        bottom: 0;
        transform: translate(-30%, 5%);
    }
    /* section mid end */
    /* section icons start */
    .icons_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        padding: 3rem 1rem;
    }
    .icons_title {
        font-size: 2rem;
    }
    .icons_title_sub {
        font-size: 2rem;
    }
    .icons_txt {
        font-size: 1rem;
        margin-bottom: 2rem;
    }
    /* section icons end */
    /* section event start */
    .event_top_space {
        padding-top: 5rem;
    }
    /* section event end */
    /* section schedule start */
    .mount {
        color: #00a1ae;
        font-size: 5rem;
        bottom: 1%;
        right: 5%;
    }
    .schedule_p {
        padding: 5rem 0;
    }
    /* section schedule end */
    /* section ask start */
    .ask_txt {
        font-size: 1rem;
        padding: 5rem 0;
    }
    /* section ask end */
    /* section footer start */
    .footer_title {
        font-size: 2rem;
        display: inline-block;
        border-bottom: 2px solid white;
        align-items: center;
        padding-top: 1rem;
    }
    .footer_grid {
        display: grid;
        grid-template-columns: repeat(1, auto);
        justify-content: space-evenly;
        padding: 1.5rem 0;
    }
    .footer_grid_company {
        font-size: 2rem;
    }
    .footer_grid_address {
        font-size: 1.5rem;
    }
    .footer_grid_phone {
        font-size: 2rem;
    }
    .footer_grid_name {
        font-size: 1.5rem;
    }
    /* section footer end */
}

/*sale*/
#sale{
	padding:80px 0;
}
#sale p{
	width:80%;
	margin:0 auto;
	background-color:#c30;
	color:#fff;
	text-align:center;
	padding:10px;
	font-weight:bold;
	font-size:48px;
}
@media(max-width:1199px){
#sale{
	padding:5vw 0;
}
#sale p{
	padding:2vw;
	font-size:5.3vw;
}
}
@media screen and (max-width: 991.98px) {
#sale{
	padding:4vw;
}
#sale p{
width:100%;
}
}