/*
main
*/
.main{
    width:100%;
    position: relative;
    overflow: hidden;
    height:700px;
}
.main .video-back{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row no-wrap;
    align-content: center;
    position:absolute;
    top:0;
    left:0;
    max-height:700px;
    width:100%;
    z-index:1
}
.main .video-wrap{
    width:50%;
    max-height:700px;
    position: relative;
    filter: brightness(0.6);
}
.main .video-wrap video{
    min-width:100%;
    height:700px;
    position: relative;
    object-fit: cover;
}
.main .main_front{
    z-index:2;
    position:absolute;
    height:700px;
    width:100%;
    margin:0 auto;
    color:#f6ff0e;
    text-align:center;
    display:flex;
    flex-flow: nowrap column;
    align-content: center;
    justify-content: center;
}
/*
.main .main_front p{
    font-size:22px;
    line-height: 40px;
}
*/
.main .main_front p span{
    display:inline-block;
}

.main .main_front p.main_title{
    font-size:120px;
    line-height:150px;
    text-align:center;
    padding-bottom:20px;
    font-weight:700;
}
@media screen and (max-width: 1100px) {
    .main .main_front p.main_title {
        font-size: 100px;
        line-height: 120px;
    }

}
.main .main_news{
    width:60%;
    min-width:740px;
    position:absolute;
    bottom:0;
    right:0;
    height:100px;
    background-color:#FFFFFF;
    z-index:100;

}
.main .main_news a{
    text-decoration: none;
}
.main .main_news a:hover .news_detail p span {
    background: -webkit-linear-gradient(bottom, #FFFFFF 0%, #f6ff0e 0%, #f6ff0e 60%, #FFFFFF 60%);
    background: linear-gradient(to top, #FFFFFF 0%, #f6ff0e 0%, #f6ff0e 60%, #FFFFFF 60%);
}
.main .main_news .left{
    display:flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    height:100%;
}
.main .main_news .left p.date{
    line-height:100px;
    width:180px;
    text-align:center;
    background-color:#f6ff0e;
    font-size:1.2rem;
}
.main .main_news .left p.category{
    min-width:160px;
    font-size:1.2rem;
    line-height:3em;
    text-align:center;
    border-right:solid 1px #000;
}
.main .main_news .news_detail{
    display:flex;
    flex-wrap:nowrap;
    align-items : center;
}
.main .main_news .news_detail p{
    display:inline-block;
    font-size:1.4rem;
    padding:1em;
    transition: 0.5s;
    transition-property: all;

}
section.section_top{
    padding:90px 0 ;
}
section.section_top .section_title{
    padding-left:90px;
}
section.section_top .section_title .title{
    font-size:50px;
    line-height:1em;
}
section.section_top .section_title .sub{
    margin-top:30px;
    position:relative;
    font-size:14px;
    padding-left:25px;
    padding-bottom:30px;
}
section.section_top .section_title .sub:before{
    content:"";
    display:block;
    width:0.8em;
    height:2px;
    background-color:#000000;
    position:absolute;
    top:1em;
    left:0;
}
.aboutus{
    width:100%;
    background-image: url("/assets/images/top/about_bg.png");
    background-repeat: repeat;
}
.aboutus .about_logo{
    text-align:center;
}
.aboutus .aboutus_logo{
    width:255px;
    height:auto;
    margin:20px auto;
}
.aboutus .about_com{
    max-width:1024px;
    width:100%;
    padding:0 1em;
    margin:0 auto;
}


section.destination{
    position:relative;
    min-height:800px;

}
section.destination .left-back{
    position:absolute;
    left:0;
    top:0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 800px 600px 0 0;
    border-color: #f6ff0e transparent transparent transparent;
    z-index:1;
}
section.destination .right-back{
position:absolute;
    top:0;
    bottom:0;
    left:430px;
    right:0;
    display:block;
    overflow: hidden;
}
section.destination .right-back .illust{
    position:absolute;
    width:7000px;
    height:auto;
    left:0;
    bottom:150px;
    z-index:1;
    animation-name: illustMove;
    animation-fill-mode:backwards;
    animation-duration:60s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    animation-direction:normal;
}
section.destination .right-back .illust img{
    width:3499px;
    height:auto;
    vertical-align: top;
}
@keyframes illustMove{
    0% {
        left: 0;
    }

    100% {
        left: -3500px;
    }
}
section.destination .section_title,
section.destination .inner_wrap{
    position:relative;
    z-index:3;
}
section.destination .inner{
    padding:0 90px 60px;
}
section.destination .inner .inner_title{
    width:340px;
    height:60px;
    line-height:60px;
    padding-left:1em;
    font-size:30px;
    color:#FFFFFF;
    background-color:#000;
}
section.destination .inner dl.counter{
    padding-top:40px;
}
section.destination .inner dl.counter dt{
    font-size:16px;
    font-weight:600;
}
section.destination .inner dl.counter dd{
    font-size:70px;
    font-weight:600;
    line-height:1.1em;

}
section.destination .inner dl.counter dd .unit{
    font-size:30px;
    font-weight:600;
}

section.information{
    background-image: url(/assets/images/top/info_back_01.jpg),url(/assets/images/top/info_back_02.jpg);
    background-position: left top, right top 120px;
    background-repeat: no-repeat, no-repeat;
    background-size: 740px 650px, 920px 780px;
}
section.information .section_title{
    color:#FFFFFF;
}

section.section_top.information .section_title .sub:before{
    background-color:#FFFFFF;
}

.information .info_list{
    width:960px;
    max-width:90%;
    margin-right:0;
    float:right;
    position:relative;
}
.information .inner:before,
.information .inner:after{
    content: "";
    clear: both;
    display: block;
}
.information .info_list_item{
    position:relative;
    width:100%;
    height:100px;
    background-color:#FFFFFF;
    z-index:100;
    margin-bottom:4px;
    flex-wrap:nowrap;
    text-decoration: none;
    color:#000;

}
.information .info_list_item .left{
    display:flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    height:100%;
}
.information .info_list_item .left p.date{
    width:180px;
    text-align:center;
    background-color:#f6ff0e;
    min-width:180px;
    font-size:1.2rem;
    line-height:100px;
    border:none;
}
.information .info_list_item .left p.category{
    min-width:160px;
    font-size:1.2rem;
    line-height:2em;
    text-align:center;
    border-right:solid 1px #000;
}
.information .info_list_item .news_detail{
    display:flex;
    flex-wrap:nowrap;
    align-items : center;
}
.information .info_list_item .news_detail p{
    display:inline-block;
    font-size:1.4rem;
    padding:1em;
    text-align:left;

}
.information a.info_list_item:hover .news_detail p span {
    background: -webkit-linear-gradient(bottom, #FFFFFF 0%, #f6ff0e 0%, #f6ff0e 60%, #FFFFFF 60%);
    background: linear-gradient(to top, #FFFFFF 0%, #f6ff0e 0%, #f6ff0e 60%, #FFFFFF 60%);
}
/*
.section_top.service{
    padding-top:60px;
}
*/
.service_list{
    display:flex;
    flex-wrap: nowrap;
}
.service_contents{
    width:100%;
    margin:0 1px;
    margin:0 1px;
    position:relative;
    background-color:#113ecd;
    border-left:solid 1px #dedddc;
    border-bottom:solid 1px #dedddc;
}
.service_contents:first-child{
    border-left:none;
}

.service_contents .image_wrap{
    display:block;
    width:100%;
    position:relative;
    padding:0;
}
.service_contents .image_wrap img{
    display:inline-block;
    width:100%;
    height:auto;
    position:relative;
    z-index:1
}
.service_contents .service_contents_inner{
    padding:40px;
}
.service_contents  .view{
    padding:30px 0;
    position:relative;
}
.service_contents  .view:after{
    content: url(/assets/images/share/btn_allow.png);

    left:8em;
    right:auto;
    margin-top:-3px;
    display:inline-block;
    position:absolute;
    width:47px;
    height:5px;
    transition-duration: 0.4s;
    transition-property:all;
}
.service_list a .service_title_sub{
    font-size:14px;
    position:relative;
}
.service_list a .service_title{
    padding:20px 0 10px 0;
    font-weight:700;
}
.service_list a .service_str{
    font-size:14px;
}
.service_list a .service_title_sub:before{
    content:"";
    display:block;
    width:0.8em;
    height:2px;
    background-color:#000000;
    position:absolute;
    top:0.9em;
    left:-20px;
 }
.service_list a:hover .view::after{
    left:calc(90% - 50px);
}
.service_list a{
    text-decoration: none;
    color:#000;
    background-color:#fff;
    transition-duration: 0.4s;
    transition-property:all;
}
.service_list a .service_contents_cover{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    z-index:10;
    color:#FFF;
    font-size:30px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align:center;
    transition-duration: 0.4s;
    transition-property:all;
}
.service_list a:hover .service_contents_cover{
    opacity:1;

}
.service_list a.service_contents_personal .service_title_sub:before{background-color:#ec6c00;    transition-duration: 0.4s;    transition-property:all;}
.service_list a.service_contents_educational .service_title_sub:before{background-color:#33b6d9;    transition-duration: 0.4s;    transition-property:all;}
.service_list a.service_contents_business .service_title_sub:before{background-color:#113ecd;    transition-duration: 0.4s;    transition-property:all;}
.service_list a.service_contents_tonashiba .service_title_sub:before{background-color:#ade830;    transition-duration: 0.4s;    transition-property:all;}
.service_list a.service_contents_personal .service_contents_cover{
    background-color:rgba(236,108,0,0.3);
}
.service_list a.service_contents_educational .service_contents_cover{
    background-color:rgba(51,182,217,0.3);}
.service_list a.service_contents_business .service_contents_cover{
    background-color:rgba(17,62,205,0.3);}
.service_list a.service_contents_tonashiba .service_contents_cover{
    background-color:rgba(173,232,48,0.3);}
.service_list a:hover .view:after{
}
.service_list a.service_contents_personal:hover{
    background-color:#ec6c00;
}
.service_list a.service_contents_educational:hover{
    background-color:#33b6d9;
}
.service_list a.service_contents_business:hover{
    background-color:#113ecd;
}
.service_list a.service_contents_tonashiba:hover{
    background-color:#ade830;
}
.service_list a.service_contents_personal:hover .service_title_sub:before{background-color:#fff;}
.service_list a.service_contents_educational:hover .service_title_sub:before{background-color:#fff;}
.service_list a.service_contents_business:hover .service_title_sub:before{background-color:#fff;}
.service_list a.service_contents_tonashiba:hover .service_title_sub:before{background-color:#fff;}


section.client:after{
    content:"";
    display:block;
    clear:both;
}
section.client .section_title{
    display:inline-block;
    float:left;
}
section.client .inner_wrap{
    display:inline-block;
    float:right;
    position:relative;
    max-width:1080px;
    width:100%;
}
section.client .inner_wrap:after{
    content:"";
    display:block;
    clear:both;
    width:0;
    height:0;
}
.client_list {
    max-width:1080px;
    width:100%;
    float:right;
    display:flex;
    align-items: flex-end;
    flex-wrap: wrap; /* 折返し指定 */
    gap: 20px;
    padding-bottom:40px;
}
.client_list li{
    width:160px;
    height:60px;
    -webkit-flex-basis: 160px;
    flex-basis: 160px;
    display:inline-flex;
    align-items: center;
}
.client_list li img{
    display:inline-block;
    max-width:100%;
    vertical-align: middle;
}

section.section_top.community{
    min-height:1000px;
    position:relative;
}
section.section_top.community .background{
    position:absolute;
    left:0;
    top:0;
    background-color: #f6ff0e;
   min-height:400px;
    width:100%;
    z-index:0;
}
section.section_top.community .community_cont{
    position:relative;
    z-index:10;
}
section.section_top.community .section_title{
    position:relative;
    z-index:10;
}
section.section_top.community .inner_wrap{
    z-index:2;
}

section.section_top.community .inner{
    display:flex;
    flex-wrap: nowrap;
    gap:0;
    justify-content: flex-end;
    margin-top:-100px;
}
section.section_top.community .inner div{
    width:33%;
}
section.section_top.community .inner div img{
    width:100%;
    hegiht:auto;
}
section.section_top.community .inner div.voice02{
    padding-top:100px;
}

section.section_top.member{
    padding-top:0;
}
section.section_top.member .inner_wrap.flex{;
    flex-wrap: nowrap;
    gap:0;
    width:100%;
}
section.section_top.member .member_cont{
    width:50%;
    position:relative;
}
section.section_top.member .member_cont .member_bk{
    position:relative;
    width:100%;
}
section.section_top.member .member_cont .member_bk img{
    width:100%;
    z-index:1;
}
section.section_top.member .member_cont.right{
    padding-top:100px;
}
section.section_top.member .member_cont .inner{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    text-align:center;
    z-index:10;
    padding-top:130px;
}
section.section_top.member .member_cont .inner > p{
    font-size:50px;
    color:#FFF;
}
section.section_top.member .member_cont .inner .btn_area{
    position:absolute;
    bottom:200px;
}



section.main .scrolldown{
    position:absolute;
    bottom:0;
    left:0;
    z-index:100;
    color:#FFF;
    font-size:12px;
    line-height:1em;
    text-align:center;
    height:150px;
    width:50px;
    padding-left:30px;
}
section.main .scrolldown p.rotate90{
    position:absolute;
    left:-28px;
    top:0;
    width:120px;
    transform: rotate( 90deg );
}

section.main .scrolldown .scroll-assist__line {
    position: relative;
    width: 1px;
    height: 50px;
    margin-top:60px;
    overflow: hidden;
    display:block;
}
section.main .scrolldown .scroll-assist__line::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;

    -webkit-animation: scroll-assist_line 2s ease-in-out infinite;
    animation: scroll-assist_line 2s ease-in-out infinite;

}

@-webkit-keyframes scroll-assist_line {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes scroll-assist_line {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}




@media screen and (max-width: 767px) {
    .container{
        width:100%;
        overflow-x: hidden;
    }
    section.section_top{
        padding:50px 0;
    }
    section.section_top .section_title{
        padding-left:40px;
    }

    section.main .scrolldown{
        left: -20px;
    }
    .main .video-back{
        flex-flow: column;
        align-content: center;
        width:100%;
        z-index:1
    }
    .main .video-wrap{
        width:100%;
        position: relative;
        height:400px;
        max-height:50vh;

    }
    .main .video-wrap video{
        min-width:100%;
        height:auto;
        position: relative;
        object-fit: contain;
    }
    .main .main_front{
        z-index:2;
        position:relative;
        width:100%;
        margin:0 auto;
        color:#f6ff0e;
        text-align:center;
        padding-top:0;
        margin-top:-40px;
    }
    /*
    .main .main_front p{
        font-size:18px;
        line-height: 36px;
    }*/
    .main .main_front p span{
        display:inline-block;
    }

    .main .main_front p.main_title{
        font-size:15vw;
        line-height:1.3em;
        text-align:center;
        padding-bottom:20px;
        font-weight:700;
    }


    section.destination{
        position:relative;
        min-height:1000px;
        overflow-x: hidden;

    }
    section.section_top .section_title .title{
        font-size:10vw;
    }
    section.destination .right-back{
        position:relative;
        width:100%;
        height:300px;
        display:block;
        overflow: hidden;
        left:0;
        top:0;
        bottom:auto;
        right:auto;
    }
    section.destination .right-back .illust{
        position:absolute;
        width:4000px;
        height:auto;
        left:0;
        top:0;
        bottom:auto;
        z-index:1;
        animation-name: illustMove_sp;
        animation-fill-mode:backwards;
        animation-duration:60s;
        animation-iteration-count:infinite;
        animation-timing-function:linear;
        animation-direction:normal;
    }
    section.destination .right-back .illust img{
        width:1999px;
        height:auto;
        vertical-align: top;
    }
    @keyframes illustMove_sp{
        0% {
            left: 0;
        }

        100% {
            left: -2000px;
        }
    }
    section.destination .section_title,
    section.destination .inner_wrap{
        position:relative;
        z-index:2;
    }
    section.destination .inner{
        padding:0 40px 0;
    }
    section.destination .inner .inner_title{
        width:340px;
        max-width:70vw;
        height:60px;
        line-height:60px;
        padding-left:1em;
        font-size:30px;
        color:#FFFFFF;
        background-color:#000;
    }
    section.destination .inner dl.counter{
        padding-top:40px;
    }
    section.destination .inner dl.counter dt{
        font-size:16px;
        font-weight:600;
    }
    section.destination .inner dl.counter dd{
        font-size:80px;
        font-weight:600;
        line-height:1.1em;

    }
    section.destination .inner dl.counter dd .unit{
        font-size:30px;
        font-weight:600;
    }




    .service_list{
        display:flex;
        flex-wrap: wrap;
    }
    .service_contents{
        width:100%;
        margin:0;
        position:relative;
        background-color:#113ecd;
    }

    .service_contents .image_wrap{
        display:block;
        width:100%;
        position:relative;
        padding:0;
    }
    .service_contents .image_wrap img{
        display:inline-block;
        width:100%;
        height:auto;
        position:relative;
        z-index:1
    }
    .service_contents .service_contents_inner{
        padding:40px;
    }
    .service_contents  .view{
        padding:30px 0;
        position:relative;
    }
    .service_contents  .view:after{
        content: url(/assets/images/share/btn_allow.png);
        boottom:50px;
        left:150px;
        margin-top:-3px;
        display:inline-block;
        position:absolute;
        width:47px;
        height:5px;
        transition-duration: 0.4s;
        transition-property:all;
    }
    .service_list a .service_title_sub{
        font-size:14px;
        position:relative;
    }
    .service_list a .service_title{
        padding:20px 0 10px 0;
        font-weight:700;
    }
    .service_list a .service_str{
        font-size:14px;
    }
    .service_list a .service_title_sub:before{
        content:"";
        display:block;
        width:0.8em;
        height:2px;
        background-color:#000000;
        position:absolute;
        top:0.9em;
        left:-20px;
    }
    .service_list a:hover .view::after{
        right:50px;
    }
    .service_list a{
        text-decoration: none;
        color:#000;
        background-color:#fff;
        transition-duration: 0.4s;
        transition-property:all;
    }
    .service_list a .service_contents_cover{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        opacity:0;
        z-index:10;
        color:#FFF;
        font-size:30px;
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align:center;
        transition-duration: 0.4s;
        transition-property:all;
    }
    .service_list a:hover .service_contents_cover{
        opacity:1;

    }
    .service_list a.service_contents_personal .service_title_sub:before{background-color:#ec6c00;    transition-duration: 0.4s;    transition-property:all;}
    .service_list a.service_contents_educational .service_title_sub:before{background-color:#33b6d9;    transition-duration: 0.4s;    transition-property:all;}
    .service_list a.service_contents_business .service_title_sub:before{background-color:#113ecd;    transition-duration: 0.4s;    transition-property:all;}
    .service_list a.service_contents_tonashiba .service_title_sub:before{background-color:#ade830;    transition-duration: 0.4s;    transition-property:all;}
    .service_list a.service_contents_personal .service_contents_cover{
        background-color:rgba(236,108,0,0.3);
    }
    .service_list a.service_contents_educational .service_contents_cover{
        background-color:rgba(51,182,217,0.3);}
    .service_list a.service_contents_business .service_contents_cover{
        background-color:rgba(17,62,205,0.3);}
    .service_list a.service_contents_tonashiba .service_contents_cover{
        background-color:rgba(173,232,48,0.3);}
    .service_list a:hover .view:after{
    }
    .service_list a.service_contents_personal:hover{
        background-color:#ec6c00;
    }
    .service_list a.service_contents_educational:hover{
        background-color:#33b6d9;
    }
    .service_list a.service_contents_business:hover{
        background-color:#113ecd;
    }
    .service_list a.service_contents_tonashiba:hover{
        background-color:#ade830;
    }
    .service_list a.service_contents_personal:hover .service_title_sub:before{background-color:#fff;}
    .service_list a.service_contents_educational:hover .service_title_sub:before{background-color:#fff;}
    .service_list a.service_contents_business:hover .service_title_sub:before{background-color:#fff;}
    .service_list a.service_contents_tonashiba:hover .service_title_sub:before{background-color:#fff;}


    section.section_top.member .inner_wrap.flex{;
        flex-wrap: wrap;
        gap:0;
        width:100%;
    }
    section.section_top.member .member_cont{
        width:100%;
        position:relative;
    }
    section.section_top.member .member_cont .member_bk{
        position:relative;
        width:100%;
    }
    section.section_top.member .member_cont .member_bk img{
        width:100%;
        z-index:1;
        vertical-align:top;
    }
    section.section_top.member .member_cont.right{
        padding-top:0;
    }
    section.section_top.member .member_cont .inner{
        position:absolute;
        width:100%;
        height:100%;
        left:0;
        text-align:center;
        z-index:10;
        padding-top:0px;
    }
    section.section_top.member .member_cont .inner > p{
        font-size:50px;
        color:#FFF;
    }
    section.section_top.member .member_cont .inner .btn_area{
        position:absolute;
        bottom:50px;
    }
    section.client {
        width:100%;
        overflow-x: hidden;
    }
    section.client .inner_wrap{
        display:inline-block;
        float:right;
        position:relative;
        max-width:1080px;
        width:100%;
        padding:0 20px;
    }
    section.client .inner_wrap:after{
        content:"";
        display:block;
        clear:both;
        width:0;
        height:0;
    }
    .client_list {
        max-width:1080px;
        width:100%;
        float:right;
        display:flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap; /* 折返し指定 */
        gap: 20px;
        padding-bottom:40px;
    }
    .client_list li{
        max-width:160px;
        width:40%;
        max-height:60px;
        height:auto;
        -webkit-flex-basis: auto;
        flex-basis: auto;
    }
    .client_list li img{
        width:100%;
    }

    section.section_top.community{
        height:auto;
        min-height:100px;
        position:relative;
        width:100%;
        overflow-x: hidden;

    }
    section.section_top.community .background{
        position:absolute;
        left:0;
        top:0;
        background-color: #f6ff0e;
        min-height:400px;
        width:100%;
        z-index:0;

    }
    section.section_top.community .community_cont{
        position:relative;
        z-index:10;
    }
    section.section_top.community .section_title{
        width:100%;
        padding:0 40px;
    }
    section.section_top.community .section_title .title{
        font-size:10vw;
    }
    section.section_top.community .inner_wrap{
        z-index:2;
    }

    section.section_top.community .inner{
        display:flex;
        flex-wrap: nowrap;
        gap:0;
        justify-content: flex-end;
        margin-top:40px;
    }
    section.section_top.community .inner div{
        width:50%;
    }
    section.section_top.community .inner div img{
        width:100%;
        height:auto;
    }
    section.section_top.community .inner div.voice02{
        padding-top:40px;
    }


    .information .info_list{
        width:960px;
        max-width:90%;
        margin-right:0;
        float:right;
        position:relative;
    }
    .information .inner:before,
    .information .inner:after{
        content: "";
        clear: both;
        display: block;
    }
    .information .info_list_item{
        position:relative;
        width:100%;
        height:auto;
        background-color:#FFFFFF;
        z-index:100;
        margin-bottom:4px;
        flex-wrap:nowrap;
        text-decoration: none;
        color:#000;
        display:flex;
        flex-flow: column nowrap;
        padding:0;
        gap: 5px 0;
    }
    .information .info_list_item .left{
        width:100%;
        text-align:center;
        background-color:#FFFFFF;
        font-size:1.2rem;
        display:flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;

    }
    .information .info_list_item .left p{
        line-height:2em;
        padding:0 1em;
    }
    .information .info_list_item .left p.category{
        padding:0 1em;
        border:none;
    }
    .information .info_list_item .left p.date{
        background-color:#f6ff0e;
        width:180px;
        height:3em;
        line-height: 3em;
    }
    .information .info_list_item .news_detail{
        display:flex;
        flex-wrap:nowrap;
        align-items : center;
        width:100%;
    }
    .information .info_list_item .news_detail p{
        display:inline-block;
        font-size:1.4rem;
        padding:1em;
        text-align:left;

    }






    .main .main_news {
        width: 90%;
        min-width: 90%;
        position: absolute;
        bottom: 0;
        right: 0;
        height: auto;
        background-color: #FFFFFF;
        z-index: 100;
    }

    .main .info_list_item{
        position:relative;
        width:100%;
        height:auto;
        background-color:#FFFFFF;
        z-index:100;
        margin-bottom:4px;
        flex-wrap:nowrap;
        text-decoration: none;
        color:#000;
        display:flex;
        flex-flow: column nowrap;
        padding:0;
        gap: 5px 0;
    }
    .main .info_list_item .right{
        width:100%;
        text-align:center;
        background-color:#FFFFFF;
        font-size:1.2rem;
        display:flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: flex-start;

    }
    .main .info_list_item .left p{
        line-height:2em;
        padding:0 1em;
    }
    .main .info_list_item .left p.category{
        padding:0 1em;
        border:none;
    }
    .main .info_list_item .left p.date{
        background-color:#f6ff0e;
        width:180px;
        height:3em;
        line-height: 3em;
    }
    .main .info_list_item .news_detail{
        display:flex;
        flex-wrap:nowrap;
        align-items : center;
        width:100%;
    }
    .main .info_list_item .news_detail p{
        display:inline-block;
        font-size:1.4rem;
        padding:1em;

        text-align:left;

    }
    .main .info_list_item .news_detail p.category{
        min-width:160px;
        font-size:1.2rem;
        line-height:1.2em;
        text-align:center;
        border-right:solid 1px #000;
    }

}