@charset "UTF-8";

body > .page-header{height:220px;}
body > .page-header > div.title-image{background-image:url(../img/info/title.png);}
body > .page-header > ul{display:flex;flex-flow:row;justify-content:space-between;width:496px;margin-top:60px;}
body > .page-header > ul li{background-color:#ddd;text-align:center;}
body > .page-header > ul li.active{background-color:#1598a7;}
body > .page-header > ul li.active a{color:white;}
body > .page-header > ul li a{display:block;width:109px;line-height:32px;}
body > .page-header .annotation{position:relative;width:1100px;height:54px;margin:0 auto;}
body > .page-header .annotation a{font-size:12px;text-align:right;text-decoration:underline;line-height:20px;}
body > .page-header .annotation .annotation1{position:absolute;top:0px;right:15px;}
body > .page-header .annotation .annotation2{position:absolute;top:20px;right:15px;}

main .main-inner section.body{font-size:15px;}
main .main-inner section.body .info-index ul{display:flex;flex-flow:row wrap;width:810px;margin:0 auto;}
main .main-inner section.body .info-index ul li{width:65px;border:2px solid #ddd;margin-right:5px;margin-bottom:13px;text-align:center;}
main .main-inner section.body .info-index ul li:nth-of-type(11n){margin-right:0;}
main .main-inner section.body .info-index ul li.active{color:#1598a7;line-height:33px;}
main .main-inner section.body .info-index ul li a{display:block;color:#222;text-decoration:none;line-height:33px;}

main .main-inner section.body .info-list{margin-top:35px;}
main .main-inner section.body .info-list h3{margin-bottom:36px;font-size:26px;text-align:center;line-height:1;}
main .main-inner section.body .info-list .items .item{display:flex;flex-flow:row;font-size:16px;padding:1em 0;border-top:2px solid #dddddd;}
main .main-inner section.body .info-list .items .item:last-child{border-bottom:2px solid #dddddd;}
main .main-inner section.body .info-list .items .item .date{padding-left:1em;width:120px;flex-shrink:0;}
main .main-inner section.body .info-list .items .item .category{width:105px;flex-shrink:0;font-size:0;padding-top:4px;}
main .main-inner section.body .info-list .items .item .category span{display:inline-block;width:79px;line-height:23px;font-size:12px;color:white;text-align:center;}
main .main-inner section.body .info-list .items .item .category span.service{background-color:#dbc08d;}
main .main-inner section.body .info-list .items .item .category span.ranking{background-color:#9ab998;}
main .main-inner section.body .info-list .items .item .category span.corporate{background-color:#7fc1e7;}
main .main-inner section.body .info-list .items .item .title{flex-grow:1;}
main .main-inner section.body .info-list .items .item .title a{display:block;}
main .main-inner section.body nav.info-nav{display:flex;flex-flow:row;justify-content:space-between;margin-top:40px;}
main .main-inner section.body nav.info-nav div a{font-size:14px;line-height:1;}

@media (max-width:750px) {
    body > .page-header{height:61.3333vw;}
    body > .page-header > ul{display:flex;flex-flow:row;justify-content:space-between;width:88vw;margin-top:9.3333vw;}
    body > .page-header > ul li a{display:block;width:20.2666vw;line-height:8vw;font-size:2.7vw;}
    body > .page-header .annotation{position: static!important;width:auto;margin:9.3333vw auto 0 auto;}
    body > .page-header .annotation a{position:static;width:auto;font-size:3.2vw;text-align:center;}
    body > .page-header .annotation .annotation1{top:255px;}
    body > .page-header .annotation .annotation2{top:280px;}
    

    main .main-inner section.body{font-size:4vw;}
    main .main-inner section.body .info-index ul{width:73.3333vw;}
    main .main-inner section.body .info-index ul li{width:16.2666vw;border-width:0.5333vw;margin-right:1.3333vw;margin-bottom:3.0666vw;}
    main .main-inner section.body .info-index ul li:nth-of-type(4n){margin-right:0;}
    main .main-inner section.body .info-index ul li:nth-of-type(11n){margin-right:1.3333vw;}
    main .main-inner section.body .info-index ul li.active{line-height:7.8666vw;}
    main .main-inner section.body .info-index ul li a{line-height:7.8666vw;}

    main .main-inner section.body .info-list{margin-top:12.6666vw;}
    main .main-inner section.body .info-list h3{margin-bottom:10.6666vw;font-size:6.6666vw;}
    main .main-inner section.body .info-list .items .item{display:block;font-size:4vw;padding:1em 0;border-top:0.2666vw solid #dddddd;}
    main .main-inner section.body .info-list .items .item:last-child{border-bottom:0.2666vw solid #dddddd;}
    main .main-inner section.body .info-list .items .item .date{display:inline-block;margin-right:1vw;padding-left:0;width:auto;line-height:5.8666vw;vertical-align:middle;}
    main .main-inner section.body .info-list .items .item .category{display:inline-block;width:auto;padding:0;font-size:0;vertical-align:middle;}
    main .main-inner section.body .info-list .items .item .category span{width:20vw;line-height:5.8666vw;font-size:3.2vw;}
    main .main-inner section.body .info-list .items .item .title{margin-top:0.8vw}
    main .main-inner section.body .info-list .items .item .title a{line-height:1.6;}
    main .main-inner section.body nav.info-nav{margin-top:12vw;}
    main .main-inner section.body nav.info-nav div a{font-size:4vw;}
}