@media screen and (min-width:769px) {

body {
    color: #333;
    overflow-x: hidden;
    font-family: "agency-fb", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-weight: 400;
    font-style: normal;
    scroll-behavior: smooth;
    background-color: #333;
    margin: 0px;
    padding: 0px;
    width: 100vw;
}

.company_container {
    padding-top: 10vw;
    background-color: aliceblue;
}

.S1 {
    padding: 2vw 24vw;
}

.S1_wrapperA .title {
    font-size: 2vw;
    text-align: center;
    background-color: rgb(212, 255, 0);
    padding: 1vw;
    border-radius: 1vw;
}

.S1_wrapperB .sentence {
    font-size: 1.1vw;
    text-align: justify;
}


.S2 {
    padding: 3.5vw 25vw;
}

.S2_top .title {
    font-size: 2vw;
    text-align: center;
    background: linear-gradient(transparent 70%, rgb(212, 255, 0) 70%);
}

.S1_wrapperB .sentence {
    font-size: 1.1vw;
    text-align: justify;
}

.company_chart {
    padding-top: 2vw;
    margin-bottom: 2vw;
}

.company_chart .company_pc {
    width: 100%;
}

.company_chart .company_sp {
    display: none;
}

.outline {
    padding-top: 3.5vw;
    font-size: 2vw;
    text-align: center;
    background: linear-gradient(transparent 80%, rgb(212, 255, 0) 80%);
}

.S3 {  
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-optical-sizing: auto;
    font-style: normal;
    color: #333;
    padding-top: 1vw;
    padding-bottom: 2vw;
    position: relative;
    display: grid;
    grid-template-columns:2fr 10fr;
    grid-template-rows: auto;
    grid-auto-flow: row;
    gap: 1vw;
    grid-template-areas:
    "company_title company_sentence"
    "est_title est_sentence"
    "address_title address_sentence"
    "business_title business_sentence"
    "member_title member_sentence"

}

.c_title {
    font-size: 0.8vw;
    margin: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.c_sentence {
    font-size: 1vw;
    text-align: right;
    margin: 1vw;
}

.company_title {
    border-style: solid;
    border-width: 0.5vw;
    border-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: company_title;
    position: relative;
}

.company_sentence {
    background-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: company_sentence;
    position: relative;
}

.est_title {
    border-style: solid;
    border-width: 0.5vw;
    border-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: est_title;
    position: relative;
}

.est_sentence {
    background-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: est_sentence;
    position: relative;
}

.address_title {
    border-style: solid;
    border-width: 0.5vw;
    border-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: address_title;
    position: relative;
}

.address_sentence {
    background-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: address_sentence;
    position: relative;
}

.business_title {
    border-style: solid;
    border-width: 0.5vw;
    border-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: business_title;
    position: relative;
}

.business_sentence {
    background-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: business_sentence;
    position: relative;
}

.member_title {
    border-style: solid;
    border-width: 0.5vw;
    border-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: member_title;
    position: relative;
}

.member_sentence {
    background-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: member_sentence;
    position: relative;
}

}

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

body {
    color: #333;
    overflow-x: hidden;
    font-family: "agency-fb", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-weight: 400;
    font-style: normal;
    scroll-behavior: smooth;
    background-color: #333;
    margin: 0px;
    padding: 0px;
    width: 100vw;
}

.company_container {
    padding-top: 20vw;
    background-color: aliceblue;
}

.S1 {
    padding: 2vw 5vw;
}

.S1_wrapperA .title {
    font-size: 4vw;
    text-align: center;
    background-color: rgb(212, 255, 0);
    padding: 1vw;
    border-radius: 1vw;
}

.S1_wrapperB .sentence {
    font-size: 3vw;
    text-align: justify;
}


.S2 {
    padding: 3.5vw 5vw;
}

.S2_top .title {
    font-size: 4vw;
    text-align: center;
    background: linear-gradient(transparent 70%, rgb(212, 255, 0) 70%);
}

.S2_top .sentence {
    font-size: 3vw;
    text-align: justify;
}

.company_chart {
    padding-top: 3vw;
    margin-bottom: 2vw;
}

.company_chart .company_pc {
    display: none;
}

.company_chart .company_sp {
    width: 100%;
}

.outline {
    padding-top: 4vw;
    font-size: 4vw;
    text-align: center;
    background: linear-gradient(transparent 80%, rgb(212, 255, 0) 80%);
}

.S3 {  
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-optical-sizing: auto;
    font-style: normal;
    color: #333;
    padding-top: 1vw;
    padding-bottom: 6vw;
    margin-bottom: 2vw;
    position: relative;
    display: grid;
    grid-template-columns:2fr 10fr;
    grid-template-rows: auto;
    grid-auto-flow: row;
    gap: 1vw;
    grid-template-areas:
    "company_title company_sentence"
    "est_title est_sentence"
    "address_title address_sentence"
    "business_title business_sentence"
    "member_title member_sentence"

}

.c_title {
    font-size: 1.5vw;
    margin: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.c_sentence {
    font-size: 3vw;
    text-align: right;
    margin: 2vw;
}

.company_title {
    border-style: solid;
    border-width: 0.5vw;
    border-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: company_title;
    position: relative;
}

.company_sentence {
    background-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: company_sentence;
    position: relative;
}

.est_title {
    border-style: solid;
    border-width: 0.5vw;
    border-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: est_title;
    position: relative;
}

.est_sentence {
    background-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: est_sentence;
    position: relative;
}

.address_title {
    border-style: solid;
    border-width: 0.5vw;
    border-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: address_title;
    position: relative;
}

.address_sentence {
    background-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: address_sentence;
    position: relative;
}

.business_title {
    border-style: solid;
    border-width: 0.5vw;
    border-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: business_title;
    position: relative;
}

.business_sentence {
    background-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: business_sentence;
    position: relative;
}

.member_title {
    border-style: solid;
    border-width: 0.5vw;
    border-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: member_title;
    position: relative;
}

.member_sentence {
    background-color: rgb(212, 255, 0);
    border-radius: 1vw;
    grid-area: member_sentence;
    position: relative;
}



}