.nav .menuIcon {
    display: inline-block;
    color: white;
}
.nav .menu .menuListBottom{
    display:block;
    text-align: center;
}
.nav{
    text-align: right;
}
.nav .menu{
    display: block;
    height: 200px;
    position: absolute;
    float: right;
    width: 100%;
    background: var(--COLOR-GRAY);
    /*background: gray;*/
    padding-left: 0px;
    margin: 0;
    top: 25px;
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: #e2e2e2;
}
.nav .menu li{
    display:block;
    margin-top:25px;
    padding-right: 40px;
}
.nav .menuVisible{
    display: block;
}
.nav .menuHidden{
    display: none;
}


.banner .row1{
    display: flex;
}

.banner .row1 .banner-title {
    order:0;
    width: 100vw;
    margin-top: 5vh;

}
.banner .row1 .banner-title img {
    width: 90vw;
}

.banner .row1 .banner-title .title-text {
    margin-top: 5vh;
    font-size: 14px;
    width: 90vw;
    display: inline-block;

}
.banner .row1 .banner-date {
    font-size: 11px;
    order:1;
    width:40vw;
}
.banner .row1 .banner-logo {
    order:2;
    width:40vw;
    margin-top: 5vh;
}
.banner .row1 .banner-logo img {
    width:30vw;
}


.summary .summary-text {
    font-size: 14px;
    padding-left: 5vw;
    padding-right: 5vw;
}

.service .service-list {
    display: flex;
    flex-direction: column;
}
.service .service-list .service-item {
    width: 90vw;
    height:auto;
    margin-top: 2vh;
}
.service .service-list .service-item .item-content {
    height: auto;
}
.service .service-list .service-field .item-content ul{
    height:500px;
}
.example .exampleList .exampleItem {
    display: flex;
    flex-direction: column;
    height: auto;
}
.example .exampleList .exampleItem .exampleCloumn1 {
    height: 50vh;
    width: 100%;
}
.example .exampleList .exampleItem .exampleCloumn1 img {
    width: 100%;
    right: 0;
    left: 0;
}
.example .exampleList .exampleItem .exampleCloumn1 .frontTitle {
    left: 25%;
}

.example .exampleList .exampleItem .exampleCloumn2 {
    height: auto;
    width: 100%;
    padding-left: 0;
}
.example .exampleList .exampleItem .exampleCloumn2 ul {
    padding: 10px;
}

.example .exampleList .exampleItem .exampleCloumn2 ul li {
    width: 100%;
    margin-left: 0;
    border-bottom: none;
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: var(--COLOR-BLUE);
}
.example .exampleList .exampleItem .exampleCloumn2 ul li p{
    display: inline-block;
    width: 90%;
}

.example .exampleList .exampleItem .exampleCloumn2 ul li .itemNumber {
    display: inline-block;
    width: 10%;
}
.example .exampleList .exampleItem .exampleCloumn2 ul li .itemNumber span{
    display: inline-block;
    float: right;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #3788ca;
    border-radius: 18px;
    color: white;
    bottom: 0;
}

footer .wrap .column1 {
    width: 100%;
}
footer .wrap .column2 {
    width: 100%;
}