@charset "utf-8";
/* -------------------------------------------
Common Style
------------------------------------------- */
/*Top*/
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15); /* 拡大率 */
  }
}
.add-animation {
  /*animation: zoomUp 10s linear 0s normal both;*/
}
main { text-align: left; }
main h1 {
    line-height: 1;
}
article { position: relative;}

/*FirstView*/
#FirstView {
    width: 100%;
    margin: auto;
    padding: 0 0;
}
#FirstView h1 {
    font-weight: 600;
    display: flex;
}
#FirstView h1 span {
    font-weight: 400;
}
#FirstView figure {
    position: relative;
}
#FirstView figure picture img {
    width: 100%;
    max-height: 768px;
    object-fit: cover;
    object-position: center bottom;
}
#FirstView figcaption {
    position: absolute;
    z-index: 2;
}
#FirstView.TopicsArchive {
    width: 100%;
    margin: 0 auto;
    padding: 0 0;
    position: relative;
}
#FirstView.TopicsArchive h1 {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    font-weight: 700;
    line-height: 1.2;
    background: rgba(255,255,255,.9);
    padding: 0.5em 10% 0.5em 10%;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
#FirstView.TopicsArchive figure {
    z-index: -1;
    position: fixed;
    width: 100%;
}
#FirstView.TopicsArchive figure picture img {
    width: 100%;
    max-height: 620px;
    object-fit: cover;
    object-position: center center;
}
#FirstView.TopicsSingle {
    width: 100%;
    margin: 0 auto;
    padding: 0 0;
    position: relative;
}
#FirstView.TopicsSingle h1 {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    font-weight: 700;
    line-height: 1.2;
    background: rgba(255,255,255,.9);
    padding: 0.5em 10% 0.5em 10%;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

/*News*/
#News {
    width: 85%;
    max-width: 1000px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
}
#News h1 {
    color: #556313;
}
#News dl {
    display: flex;
    flex-wrap: wrap;
}

/*Topics*/
#Topics {
    background: #FFFFFF;
    position: relative;
}
#Topics .inner-wrap {
    width: 100%;
    /*max-width: 1000px;*/
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
#Topics h1 {
    background: #556313;
    color: #FFFFFF;
    padding: 0.75em 1.25em;
    border-radius: 2em;
}
#Topics .entry-header {
    position: relative;
}
#Topics .entry-content {
    display: flex;
    flex-wrap: wrap;
}
#Topics .entry-header .entry-meta time {
    font-size: 0.8em;
}
#Topics article .btn {
    width: 100%;
    text-align: right;
}
#Topics .Topics-Archive-btn {
    display: inline-block;
    position: absolute;
    right: 0%;
    bottom: -2em;
    z-index: 1;
}
#Topics .Topics-Archive-btn a {
    box-sizing: border-box;
    margin: 0;
    display: flex;
    align-items: center;
    background: #556313;
    color: #FFFFFF;
    padding: 1em;
    transition: all .3s;
}
#Topics .Topics-Archive-btn a:hover {
    background: #D9DEC2;
    color: #556313;
}

/*AboutUs*/
#AboutUs {

}
#AboutUs h1,#AboutUs h2 {
    color: #556313;
}
#AboutUs article {
    display: flex;
    flex-wrap: wrap;
}

/*OurBusiness*/
#OurBusiness {
    background: #FFFFFF;
    text-align: center;
}
#OurBusiness h1 {
    background: #556313;
    color: #FFFFFF;
    padding: 0.75em 1.25em;
    border-radius: 2em;
    transform: translateY(-1.25em);
    display: inline-block;
}
#OurBusiness article {
    text-align: left;
}
#OurBusiness .entry-content {
    display: flex;
    flex-wrap: wrap;
}
#OurBusiness figure {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
#OurBusiness figure figcaption {
    padding: 1em 1em;
    text-align: left;
    font-weight: 400;
}

/*OurTeam*/
#OurTeam {
    width: 85%;
    max-width: 1000px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#OurTeam article li {
    text-align: center;
}
#OurTeam h1 {
    color: #556313;
}
#OurTeam figure {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
#OurTeam figure img {
    border-radius: 50%;
    width: 180px;
}
#OurTeam figure figcaption {
    margin-top: 1.5em;
}
#OurTeam figure p {
    margin-bottom: 0;
    font-size: 1.1em;
    font-weight: 500;
}
#OurTeam figure p.loves {
    font-size: 1em;
    font-weight: normal;
}

/*OurSNS*/
#OurSNS {
    background: #556313;
    color: #FFFFFF;
    text-align: center;
}
#OurSNS h1 {
    background: #FFFFFF;
    color: #556313;
    padding: 0.75em 1.25em;
    border-radius: 2em;
    display: inline-block;
}
#OurSNS article {
    width: 85%;
    max-width: 1000px;
    margin: auto;
}
#OurSNS a {
    color: #FFFFFF;
    text-align: center;
    display: block;
    position: relative;
    transition: all .3s ease-out;
}
#OurSNS a:hover {
    transform: scale(1.1);
}
#OurSNS i {
    margin-right: 0;
    font-size: 42px;
    display: block;
    margin-bottom: 1rem;
}
#OurSNS ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
}
#OurSNS ul li {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
#OurSNS ul li span {
    font-weight: 500;
}

/*ContactUs*/
#ContactUs {
    background: #556313;
    color: #FFFFFF;
    text-align: center;
}
#ContactUs h1 {
    display: inline-block;
}
#ContactUs article {
    width: 85%;
    max-width: 1000px;
    margin: auto;
    text-align: left;
}
#ContactUs .contact-info {
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
}
#ContactUs .contact-info p {
    margin-bottom: 0;
}
#ContactUs .ContactForm  {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: space-between
}
#ContactUs .ContactForm form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-content: space-between;
    width: 100%;
}
#ContactUs .ContactForm h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
}
#ContactUs .ContactForm .btnarea {
    width: 100%;
    text-align: center;
    margin-top: 2em;
}
#ContactUs .ContactForm input[type='text'],
#ContactUs .ContactForm input[type='tel'],
#ContactUs .ContactForm input[type='email'],
#ContactUs .ContactForm textarea {
    width: 100%;
    box-sizing: border-box;
}
#ContactUs .ContactForm textarea {
    height: 15em;
}
#ContactUs .ContactForm input[type='submit'],
#ContactUs .ContactForm button {
    padding: 0.75em 2.25em!important;
    font-weight: 400;
    border-radius: 6px;
}

/*OurFriends*/
#OurFriends {
    background: #F0EAEA;
    text-align: center;
}
#OurFriends h1 {
    display: inline-block;
}
#OurFriends figure {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    font-weight: 400;
    text-align: center;
    line-height: 1.3;
}
#OurFriends figure figcaption {
    margin-top: 0.5em;
}

/*TopicsArchive*/
#TopicsArchive {
    width: 85%;
    margin: 0 auto 0;
    background: #FFFFFF;
    text-align: center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
#TopicsArchive h1 {
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 0 55px;
}
#TopicsArchive h1:before,
#TopicsArchive h1:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: black;
}
#TopicsArchive h1:before {
    left:0;
}
#TopicsArchive h1:after {
    right: 0;
}
#TopicsArchive ul {
    display: flex;
    flex-wrap: wrap;
}
#TopicsArchive ul li a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    color: #707070;
}
#TopicsArchive ul li a h2 {
    margin: 1em 0;
}
#TopicsArchive ul li a figure {
    transition: all .3s;
}
#TopicsArchive ul li a p.btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: all .3s;
}
#TopicsArchive ul li a p.btn i {
    transition: all .3s;
    font-size: 1.15rem;
}
#TopicsArchive ul li a:hover figure {
    transform: scale(1.1);
}
#TopicsArchive ul li a:hover p.btn {
    color: #556313;
}
#TopicsArchive ul li a:hover p.btn i {
    transform: translateX(0.25em);
}

/*TopicsSingle*/
#TopicsSingle {
    box-sizing: border-box;
    width: 85%;
    max-width: 1024px;
    margin: 0 auto 0;
    background: #FFFFFF;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
#TopicsSingle header {
    display: flex;
    flex-direction: column-reverse;
}
#TopicsSingle header h1 {
    line-height: 1.5;
}
#TopicsSingle header img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.Topics-Single-Archive-btn {
    text-align: center;
    margin-top: 2.5rem;
}
.Topics-Single-Archive-btn a {
    box-sizing: border-box;
    margin: 0;
    display: inline-flex;
    align-items: center;
    background: #556313;
    color: #FFFFFF;
    padding: 1em;
    transition: all .3s;
    border-radius: 12px;
}
.Topics-Single-Archive-btn a:hover {
    background: #D9DEC2;
    color: #556313;
}


/* -------------------------------------------
MediaQuery
------------------------------------------- */
/*SmartPhone*/
@media screen and (max-width:767px) {
    main h1 { margin-bottom: 1em; }
    #FirstView h1 {
        font-size: 2.5em;
        justify-content: center;
        flex-direction: column;
        line-height: 1.2;
        margin: 0.5em 0 0.5em;
    }
    #FirstView h1 span {
        font-size: 0.5em;
        margin-left: 0;
    }
    #FirstView figure picture img {
        width: 100%;
        max-height: 768px;
        object-fit: cover;
        object-position: center bottom;
    }
    #FirstView figcaption {
        width: 85%;
        top: 9vh;
        left: 50%;
        transform: translateX(-50%);
    }
    #FirstView figcaption .JESg_logo img {
        margin: auto;
        height: 23px;
    }
    #FirstView.TopicsArchive {
        height: 60vh;
    }
    #FirstView.TopicsArchive h1 {

    }
    #FirstView.TopicsArchive figure {
        height: 60vh;
        width: auto;
    }
    #FirstView.TopicsArchive figure picture img {
        width: 100%;
        height: 60vh;
        object-fit: cover;
        object-position: center bottom;
    }
    #FirstView.TopicsSingle {
        height: 35vh;
    }
    
    /*News*/
    #News {
        padding: 2.5em 3em;
        margin-bottom: 3em;
        border-radius: 21px;
        position: relative;
        top: -2em;
    }
    #News h1 {
        transform: translateX(-0.5em);
    }
    #News dl {
        flex-direction: column;
        width: 100%;
    }
    #News dl dd {
        padding-left: 1em;
        padding-bottom: 1em;
        margin-bottom: 1em;
        border-bottom:  solid 1px #707070;
    }
    
    /*Topics*/
    #Topics {
        padding: 4em 0;
    }
    #Topics .inner-wrap {
        flex-direction: column;
    }
    #Topics h1 {
        margin: 0 auto 1.5em;
    }
    #Topics h2 {
        font-size: 1.15rem;
    }
    #Topics .entry-header {
        margin-bottom: 3em;
    }
    #Topics .entry-meta {
        position: absolute;
        background: #FFFFFF;
        bottom: 1.5em;
        max-width: 80%;
        padding: 0 1em;
    }
    #Topics .entry-content {
        display: flex;
        flex-wrap: wrap;
        padding: 0 12.5%;
    }
    
    /*AboutUs*/
    #AboutUs {
        padding: 4em 0 6em;
    }
    #AboutUs h1 {
        margin-left: 7.5%;
    }
    #AboutUs article {
        flex-direction: column;
        margin-bottom: 3em;
    }
    #AboutUs article
    #AboutUs article .entry-content {
        width: 85%;
        box-sizing: border-box;
    }
    #AboutUs article .entry-content {
        padding-right: 7.5%;
        margin-left: 15%;
        margin-bottom: 2em;
    }
    #AboutUs article figure {
        width: 90%;
        box-sizing: border-box;
    }
    #AboutUs article.OurVision figure {
        margin-left: 0;
    }
    #AboutUs article.OurVision figure img {
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    #AboutUs article.OurMission figure {
        margin-left: 10%;
    }
    #AboutUs article.OurMission figure img {
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }
    
    /*OurBusiness*/
    #OurBusiness {
        padding-bottom: 4em;
    }
    #OurBusiness .entry-content {
        display: flex;
        flex-wrap: wrap;
    }
    #OurBusiness article {
        width: 90%;
        margin: auto;
    }
    #OurBusiness article .entry-content {
        width: 85%;
        margin: 0 auto 3em;
    }
    #OurBusiness article li {
        margin-bottom: 2em;
    }
    #OurBusiness article li:nth-last-of-type(1) {
        margin-bottom: 0;
    }
    
    /*OurTeam*/
    #OurTeam {
        padding: 2.5em 3em 0;
        border-radius: 21px;
        margin-top: 4em;
        z-index: 1;
    }
    #OurTeam h1 {
        margin-bottom: 2em;
    }
    #OurTeam li {
        margin-bottom: 4em;
    }
    
    /*OurSNS*/
    #OurSNS {
        padding-top: 40vh;
        margin-top: -40vh;
        z-index: 0;
        padding-bottom: 4em;
    }
    #OurSNS h1 {
        margin: 4em 0 3em;
    }
    #OurSNS ul {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    
    /*ContactUs*/
    #ContactUs {
        padding: 4em 0 6em;
    }
    #ContactUs h1 {
        margin-bottom: 1.5em;
    }
    #ContactUs .contact-info {
        padding: 3em 0;
    }
    #ContactUs .contact-info p {
        margin-bottom: 0;
    }
    #ContactUs .contact-info li:nth-of-type(1) {
        margin-bottom: 2em;
        padding-bottom: 2em;
        border-bottom: solid 1px #FFFFFF;
    }
    #ContactUs .ContactForm dl {
        width: 48%;
        margin-bottom: 1.25em;
    }
    #ContactUs .ContactForm dl.Email,
    #ContactUs .ContactForm dl.Phone,
    #ContactUs .ContactForm dl.Remarks {
        width: 100%;
    }
    
    /*OurFriends*/
    #OurFriends {
        padding: 4em 0 6em;
    }
    #OurFriends h1 {
        margin-bottom: 1.5em;
    }
    #OurFriends ul {
        width: 92%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #OurFriends ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #OurFriends ul li {
        width: 48%;
        margin-bottom: 1.5rem;
    }
    
    /*TopicsArchive*/
    #TopicsArchive {
        padding: 2em;
        margin-top: -10vh;
    }
    #TopicsArchive h1 {
        margin: 0.5em 0 2em;
    }
    #TopicsArchive ul li {
        margin-bottom: 4rem;
    }
    #TopicsArchive ul li a figure {

    }
    #TopicsArchive ul li a figure picture img {
        object-fit: cover;
        aspect-ratio: 1;
    }

    /*TopicsSingle*/
    #TopicsSingle {
        padding: 0;
    }
    #TopicsSingle h1 {
        margin: 2rem;
    }
    #TopicsSingle article {
        padding: 0 2rem 0.25rem;
    }
    #TopicsSingle article p,
    #TopicsSingle article figure {
        margin-bottom: 1.5em;
    }

}

@media screen and (min-width:768px) and (max-width:1024px) {
    #FirstView h1 {
        font-size: 2.5em;
        margin: 0em 0 0em;
    }
    #FirstView h1 span {
        font-size: 0.5em;
        margin-left: 0.5em;
    }
    #FirstView figure picture img {
        width: 100%;
        max-height: 420px;
        transform: translateX(-10%) scale(1.15);
        transform-origin: bottom left;
        object-fit: cover;
        object-position: center bottom;
    }
    #FirstView figcaption {
        width: 43%;
        top: 11vh;
        left: 52%;
    }
    #FirstView figcaption .JESg_logo img {
        margin: 0;
        height: 23px;
    }
    #FirstView.TopicsArchive {
        height: 40vh;
    }
    #FirstView.TopicsArchive h1 {

    }
    #FirstView.TopicsArchive figure {
        height: 40vh;
        width: auto;
        overflow: hidden;
    }
    #FirstView.TopicsArchive figure picture img {
        width: 100%;
        object-fit: cover;
        object-position: center center;
    }
    #FirstView.TopicsSingle {
        height: 40vh;
    }
    
    /*News*/
    #News {
        padding: 3em 4em;
        margin-bottom: 4em;
        border-radius: 32px;
        position: relative;
        top: -2em;
        align-items: flex-start;
    }
    #News h1 {
        width: 30%;
        padding-top: 1em;
    }
    #News dl {
        width: 70%;
        flex-direction: row;
    }
    #News dl dt {
        width: 8em;
        padding-left: 1em;
        padding-bottom: 1em;
        margin-bottom: 1em;
        border-bottom:  solid 1px #707070;
    }
    #News dl dd {
        width: calc(100% - 10em);
        padding-bottom: 1em;
        margin-bottom: 1em;
        border-bottom:  solid 1px #707070;
    }
    
    /*Topics*/
    #Topics {
        padding: 4em 0;
    }
    #Topics .inner-wrap {
        flex-direction: column;
    }
    #Topics h1 {
        margin: 0 auto 1.5em;
    }
    #Topics h2 {
        font-size: 1.25rem;
    }
    #Topics .entry-header {
        margin-bottom: 3em;
    }
    #Topics .entry-meta {
        box-sizing: border-box;
        position: absolute;
        background: #FFFFFF;
        left: 50%;
        bottom: 0em;
        transform: translateX(-50%);
        width: 85%;
        padding: 1em 1em 0;
        text-align: center;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    #Topics .entry-content {
        display: flex;
        flex-wrap: wrap;
        padding: 0 12.5%;
    }
    
    /*AboutUs*/
    #AboutUs {
        padding: 4em 0 6em;
    }
    #AboutUs h1 {
        margin-left: 7.5%;
        margin-bottom: 1em;
    }
    #AboutUs article {
        flex-direction: column;
        margin-bottom: 3em;
    }
    #AboutUs article
    #AboutUs article .entry-content {
        width: 85%;
        box-sizing: border-box;
    }
    #AboutUs article .entry-content {
        padding-right: 7.5%;
        margin-left: 15%;
        margin-bottom: 2em;
    }
    #AboutUs article figure {
        width: 75%;
        box-sizing: border-box;
    }
    #AboutUs article.OurVision figure {
        margin-left: 0;
    }
    #AboutUs article.OurVision figure img {
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    #AboutUs article.OurMission figure {
        margin-left: 25%;
    }
    #AboutUs article.OurMission figure img {
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }
    
    /*OurBusiness*/
    #OurBusiness {
        padding-bottom: 4em;
    }
    #OurBusiness .entry-content {
        display: flex;
        flex-wrap: wrap;
    }
    #OurBusiness article {
        width: 90%;
        margin: auto;
    }
    #OurBusiness article .entry-content {
        width: 85%;
        margin: 0 auto 3em;
    }
    #OurBusiness article ul {
        display: flex;
        flex-wrap: wrap;
    }
    #OurBusiness article li {
        width: 31%;
        margin-right: 3.5%;
    }
    #OurBusiness article li:nth-last-of-type(1) {
        margin-right: 0;
    }
    
    /*OurTeam*/
    #OurTeam {
        padding: 4em 4em 0;
        border-radius: 32px;
        margin-top: 5em;
        flex-direction: column;
        justify-content: center;
        z-index: 1;
    }
    #OurTeam h1 {
        display: block;
        margin-bottom: 2em;
        text-align: center;
    }
    #OurTeam ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    #OurTeam li {
        margin-bottom: 4em;
    }
    
    /*OurSNS*/
    #OurSNS {
        padding-top: 20vh;
        margin-top: -20vh;
        z-index: 0;
        padding-bottom: 4em;
    }
    #OurSNS h1 {
        margin: 3em 0 2em;
    }
    #OurSNS ul {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    
    /*ContactUs*/
    #ContactUs {
        padding: 4em 0 6em;
    }
    #ContactUs h1 {
        margin-bottom: 1.5em;
    }
    #ContactUs .contact-info {
        padding: 3em;
        flex-direction: column;
    }
    #ContactUs .contact-info p {
        margin-bottom: 0;
    }
    #ContactUs .contact-info li:nth-of-type(1) {
        margin-bottom: 2em;
        padding-bottom: 2em;
        border-bottom: solid 1px #FFFFFF;
    }
    #ContactUs .ContactForm dl {
        width: 48%;
        margin-bottom: 1.25em;
    }
    #ContactUs .ContactForm dl.Remarks {
        width: 100%;
    }
    
    /*OurFriends*/
    #OurFriends {
        padding: 4em 0 6em;
    }
    #OurFriends h1 {
        margin-bottom: 1.5em;
    }
    #OurFriends ul {
        width: 92%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #OurFriends ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #OurFriends ul li {
        width: 48%;
        margin-bottom: 1.5rem;
    }
    
    /*TopicsArchive*/
    #TopicsArchive {
        padding: 3em;
        margin-top: -5vh;
    }
    #TopicsArchive h1 {
        margin-bottom: 2em;
    }
    #TopicsArchive ul li {
        margin-bottom: 4rem;
    }
    #TopicsArchive ul li a {
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    #TopicsArchive ul li a .contents {
        width: 55%;
    }
    #TopicsArchive ul li a .contents h2 {
        margin-top: 0;
    }
    #TopicsArchive ul li a figure {
        width: 40%;
    }
    #TopicsArchive ul li a figure picture img {
        object-fit: cover;
        aspect-ratio: 1;
    }
    
    /*TopicsSingle*/
    #TopicsSingle {
        padding: 0;
    }
    #TopicsSingle h1 {
        margin: 2rem;
    }
    #TopicsSingle article {
        padding: 0 2rem 0.25rem;
    }
    #TopicsSingle article p,
    #TopicsSingle article figure {
        margin-bottom: 1.5em;
    }

}
/*Tablet*/
@media screen and (max-width:1024px) {

}

/*Desktop*/
@media screen and (min-width:768px) {
}

@media screen and (min-width:1025px) {
    #FirstView {
        height: 85vh;
        max-height: 1080px;
        overflow: hidden;
    }
    #FirstView h1 {
        font-size: 3em;
        margin: 0em 0 0em;
    }
    #FirstView h1 span {
        font-size: 0.5em;
        margin-left: 0.5em;
    }
    #FirstView figure picture img {
        width: 100%;
        height: 85vh;
        max-height: 1080px;
        object-fit: cover;
        object-position: center bottom;
    }
    #FirstView figcaption {
        width: 30%;
        max-width: 480px;
        top: 50%;
        left: 58%;
        transform: translateY(-50%);
    }
    #FirstView figcaption .JESg_logo img {
        margin: 0;
        height: 23px;
    }
    #FirstView.TopicsArchive {
        height: 620px;
    }
    #FirstView.TopicsArchive h1 {

    }
    #FirstView.TopicsArchive figure {
        width: 100%;
        overflow: hidden;
    }
    #FirstView.TopicsArchive figure picture img {
        width: 100%;
        object-fit: cover;
        object-position: center center;
    }
    #FirstView.TopicsSingle {
        height: 480px;
    }
    
    /*News*/
    #News {
        padding: 3em 4em;
        margin-bottom: 4em;
        border-radius: 32px;
        position: relative;
        top: -3em;
        align-items: flex-start;
        min-height: 420px;
    }
    #News h1 {
        width: 20%;
        padding-top: 1em;
    }
    #News dl {
        width: 80%;
        flex-direction: row;
    }
    #News dl dt {
        width: 8em;
        padding-left: 1em;
        padding-bottom: 1em;
        margin-bottom: 1em;
        border-bottom:  solid 1px #707070;
    }
    #News dl dd {
        width: calc(100% - 10em);
        padding-bottom: 1em;
        margin-bottom: 1em;
        border-bottom:  solid 1px #707070;
    }

    /*Topics*/
    #Topics {
        padding: 5em 0 5em;
    }
    #Topics .inner-wrap {
        display: block;
        text-align: center;
    }
    #Topics article {
        display: flex;
        flex-wrap: wrap;
        padding-right: 7.5%;
    }
    #Topics h1 {
        margin: 0 auto 1.5em;
        display: inline-block;
        text-align: center;
    }
    #Topics h2 {
        font-size: 1.25rem;
        line-height: 1.25;
    }
    #Topics .entry-header {
        width: 55%;
        text-align: left;
    }
    #Topics .entry-header img {
        width: 100%;
    }
    #Topics .entry-meta {
        position: absolute;
        background: #FFFFFF;
        left: 0;
        bottom: 2em;
        max-width: 60%;
        padding: 0.5em 2em 0.25em 2em;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;        
    }
    #Topics .entry-content {
        display: block;
        width: 40%;
        max-width: 640px;
        margin-top: 1em;
        margin-left: 5%;
        text-align: left;
    }
    #Topics article .btn {
        margin-top: 3em;
    }
    
    /*AboutUs*/
    #AboutUs {
        padding: 5em 0 5em;
    }
    #AboutUs h1 {
        margin-left: 7.5%;
        margin-bottom: 1em;
    }
    #AboutUs article {
        justify-content: space-between;
        align-items: center;
    }
    #AboutUs article.OurVision {
        flex-direction: row;
        margin-bottom: 3em;
        margin-left: 12.5%;
    }
    #AboutUs article.OurMission {
        flex-direction: row-reverse;
        margin-bottom: 3em;
        margin-right: 12.5%;
    }
    #AboutUs article .entry-content {
        box-sizing: border-box;
        width: 40%;
        margin-bottom: 2em;
    }
    #AboutUs article figure {
        width: 50%;
        box-sizing: border-box;
    }
    #AboutUs article.OurVision figure {
        margin-left: 0;
    }
    #AboutUs article.OurVision figure img {
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }
    #AboutUs article.OurMission figure {
        margin-left: 0%;
    }
    #AboutUs article.OurMission figure img {
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    
    /*OurBusiness*/
    #OurBusiness {
        padding-bottom: 4em;
    }
    #OurBusiness .entry-content {
        display: flex;
        flex-wrap: wrap;
        max-width: 1024px;
    }
    #OurBusiness article {
        width: 90%;
        margin: auto;
        margin-top: 3em;
    }
    #OurBusiness article .entry-content {
        width: 85%;
        margin: 0 auto 5em;
    }
    #OurBusiness article ul {
        display: flex;
        flex-wrap: wrap;
    }
    #OurBusiness article li {
        width: 31%;
        margin-right: 3.5%;
    }
    #OurBusiness article li:nth-last-of-type(1) {
        margin-right: 0;
    }
    
    /*OurTeam*/
    #OurTeam {
        padding: 4em 4em 0;
        border-radius: 32px;
        margin-top: 5em;
        flex-direction: column;
        justify-content: center;
        z-index: 1;
    }
    #OurTeam h1 {
        display: block;
        margin-bottom: 2em;
        text-align: center;
    }
    #OurTeam ul {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
    #OurTeam li {
        margin-bottom: 4em;
    }
    
    /*OurSNS*/
    #OurSNS {
        padding-top: 15vw;
        margin-top: -15vw;
        z-index: 0;
        padding-bottom: 4em;
    }
    #OurSNS h1 {
        margin: 3em 0 2em;
    }
    #OurSNS ul {
        padding-top: 2em;
        padding-bottom: 2em;
        z-index: 1;
    }
    
    /*ContactUs*/
    #ContactUs {
        padding: 4em 0 6em;
    }
    #ContactUs h1 {
        margin-bottom: 1.5em;
    }
    #ContactUs .contact-info {
        padding: 3em;
        flex-direction: row;
        justify-content: space-between;
    }
    #ContactUs .contact-info li {
        width: 50%;
        box-sizing: border-box;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    #ContactUs .contact-info li:nth-of-type(1) {
        border-right: solid 1px #FFFFFF;
    }
    #ContactUs .contact-info li:nth-of-type(2) {
        padding-left: 10%;
    }
    #ContactUs .contact-info p {
        margin-bottom: 0;
    }
    #ContactUs .ContactForm dl {
        width: 48%;
        margin-bottom: 1.25em;
    }
    #ContactUs .ContactForm dl.Remarks {
        width: 100%;
    }
    
    /*OurFriends*/
    #OurFriends {
        padding: 4em 0 3.5em;
    }
    #OurFriends h1 {
        margin-bottom: 2em;
    }
    #OurFriends ul {
        width: 92%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #OurFriends ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #OurFriends ul li {
        width: 23%;
        margin-bottom: 1.5rem;
    }
    
    /*TopicsArchive*/
    #TopicsArchive {
        padding: 3em;
        margin-top: -10vh;
    }
    #TopicsArchive h1 {
        margin-bottom: 2em;
    }
    #TopicsArchive ul {
        width: 100%;
    }
    #TopicsArchive ul {
    }
    #TopicsArchive ul li {
        width: 30%;
        margin-right: 5%;
        margin-bottom: 4rem;
    }
    #TopicsArchive ul li:nth-of-type(3n) {
        margin-right: 0;
    }
    #TopicsArchive ul li a {
    }
    #TopicsArchive ul li a .contents h2 {
        margin: 0.5em 0;
    }
    #TopicsArchive ul li a figure {
        height: 25vh;
        max-height: 280px;
        overflow: hidden;
    }
    #TopicsArchive ul li a figure picture img {
        object-fit: cover;
        object-position: center center;
        height: 100%;
        width: 100%;
    }
    
    /*TopicsSingle*/
    #TopicsSingle {
        padding: 0;
    }
    #TopicsSingle h1 {
        margin: 2rem 4rem;
    }
    #TopicsSingle article {
        padding: 0 4rem 2rem;
    }
    #TopicsSingle article p,
    #TopicsSingle article figure {
        margin-bottom: 1.5em;
    }

}