@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Sans+JP:wght@400;500;700&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

.inner{width:1000px;margin:0 auto;}

.ghead{padding:15px 0;display:flex;justify-content:space-between;align-items:center;}
.ghead__left{display:flex;align-items:center;}
.ghead__ad{font-size:13px;color:#606060;margin-left:20px;}

header{background:url(/common/images/v5/phronesis/bg.svg) no-repeat center;background-size:cover;height:173px;}
.header__logo{text-align:center;padding-top:70px;}

.sitenavi{display: flex;justify-content: space-around;margin: 20px auto 0;width: 820px;}
.sitenavi__link{color:#444 !important;font-size:13px;font-weight:600;line-height:1;padding:7px 13px;}
.sitenavi__link.active{background:#fff;border:solid 1px #444;border-radius:20px;text-decoration:none;padding:6px 12px;}
.sitenavi__link.current{font-weight:800;color:#00008b !important;text-decoration:underline;}

.c-heading{border-top:solid 2px #002D72;border-bottom:solid 1px #ddd;font-size:16px;font-weight:600;padding:10px 0;color:#444;}

.latest{margin:50px auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.latest__link{display:flex;width:48%;color:#444 !important;justify-content: space-between;}
.latest__link:first-child{width:100%;border-bottom:solid 1px #ddd;padding-bottom:40px;margin-bottom:30px;}
.latest__link:hover{text-decoration:none;}
.latest__text{width:260px;margin-right:30px;}
.latest__link:first-child .latest__text{width:474px;margin-right:0;}
.latest__title{font-weight:600;font-size:16px;}
.latest__subtitle{font-size:15px;color:#666;}
.latest__link:first-child .latest__text{padding:0;}
.latest__link:first-child .latest__title{padding:10px 5px;font-size:26px;}
.latest__link:first-child .latest__subtitle{padding:0 5px;font-size:23px;color:#444;}
.latest__link:first-child .latest__summary{padding:10px 0 0;font-size:14px;}
.latest__link:nth-child(2),
.latest__link:nth-child(5){border-right:solid 1px #ddd;}
.latest__line{width:100%;height:1px;background:#ddd;margin:30px 0;}

.l-content{display:flex;justify-content:space-between;}

.pickup{width:720px;}
.pickup__inner{display:flex;justify-content:start;flex-wrap:wrap;margin-top:30px;}
.pickup__link{width:224px;margin:0 24px 40px 0;color:#444 !important;}
.pickup__link:nth-child(3n){margin-right:0;}
.pickup__link:hover{text-decoration:none;}
.pickup__thumb{margin-bottom:20px;}
.pickup__badge{background:#002D72;color:#fff;min-width:70px;height:18px;line-height:18px;font-size:12px;text-align:center;display: inline-block;padding: 0 10px;box-sizing: border-box;}
.pickup__title{font-weight:600;font-size:16px;margin:10px 0;}
.pickup__author{font-size:12px;color:#666;}

.banners{width:220px;}
.banners__link{display:block;margin-bottom:20px;}
.banners__image{border:solid 1px #ddd;}

.site{display:block;margin:40px auto;}
.site__link{margin:auto;display:block;width:380px;height:50px;line-height:50px;color:#fff !important;background:#002D72;font-size:18px;font-weight:600;text-align:center;border-radius:30px;padding:0 40px 0 20px;box-sizing:border-box;position:relative;}
.site__link::before{content:"";display:block;position:absolute;top:15px;right:10px;border-style:solid;border-color:transparent transparent transparent #fff;border-width:10px 12px;}
.site__link:hover{text-decoration:none;}

.l-container.about{border-top:solid 2px #002D72;margin-top:40px;}
.about__inner{background: rgb(206,222,248);background:url(/common/images/v5/phronesis/about_bg.svg) no-repeat bottom, url(/common/images/v5/phronesis/about_bg_top.svg) no-repeat 50% 50px,linear-gradient(90deg, rgba(206,222,248,1) 0%, rgba(223,213,251,1) 50%, rgba(239,205,253,1) 100%);background-size:contain,80%;display:block;padding:60px 0 120px;}
.about__text-block{width:718px;box-sizing:border-box;padding:40px;background:rgba(255,255,255,0.8);margin:0 auto;color:#444;text-align:center;position:relative;}
.about__text-block::before{content:"";display:block;width:100px;height:32px;background:url(/common/images/v5/phronesis/about_bg_1.png) no-repeat center;background-size:80%;position:absolute;top:200px;right:-60px;}
.about__text-block::after{content:"";display:block;width:300px;height:70px;background:url(/common/images/v5/phronesis/about_bg_2.png) no-repeat center;background-size:80%;position:absolute;bottom:20px;left:-200px;}
.about__text-block h1{font-size:24px;margin-bottom:60px;letter-spacing:2px;}
.about__text-block h1 span{display:inline-block;border-bottom:solid 1px #444;padding-bottom:10px;}
.about__text-block p{line-height:2.5;font-size:16px;margin-bottom:40px;}

.l-container.tags{margin-top:40px;}
.tags-list{width:720px;display: flex;justify-content: start;flex-wrap: wrap;align-self: flex-start;}
.tags-list__link{width:224px;color:#444 !important;margin:0 24px 40px 0;}
.tags-list__link:nth-child(3n+1){margin-right:0;}
.tags-list__link:hover{text-decoration:none;}
.tags-list__link:first-child .tags-list__text{width:369px;margin-right:0;border-top:solid 2px #002D72;}
.tags-list__link:first-child .tags-list__title{padding:10px 5px;font-size:18px;}
.tags-list__link:first-child .tags-list__subtitle{padding:0 5px;font-size:16px;color:#444;}
.tags-list__link:first-child .tags-list__summary{padding:10px 0 0;font-size:12px;}
.tags-list__link:first-child{width:100%;display:flex;justify-content: space-between;border-bottom:solid 1px #ddd;padding-bottom:30px;margin-bottom:30px;align-self: flex-start;}
.tags-list__link:not(:first-child){margin-bottom:20px;}
.tags-list__link:not(:first-child) .tags-list__thumb{padding-top:56.25%;position:relative;display:block;overflow:hidden;margin-bottom:10px;}
.tags-list__link:not(:first-child) .tags-list__thumb img{width:100%;position:absolute;top:0;right:0;}
.tags-list__title{font-size:16px;font-weight:600;}

.archives{width:720px;}
.archives__item{border-bottom:solid 1px #00008b;margin-bottom:20px;padding:0 0 20px;}
.archives__link{display:flex;color:#444;}
.archives__link:hover{text-decoration:none;}
.archives__text{margin-left:20px;}
.archives__title{font-size:24px;font-weight:500;color:#444;}
.archives__badge{background: #002D72;color: #fff;min-width: 70px;height: 18px;line-height: 18px;font-size: 12px;text-align: center;display: inline-block;padding: 0 10px;box-sizing: border-box;}
.archives__date{color:#808080;font-size:14px;margin:10px 0 16px;}

.archives__menu{margin-bottom: 20px;display: flex;justify-content: end;align-items: center;}
.archives__year{margin-right:10px;font-size:14px;font-weight:600;}
.archives__select{font-size:14px;padding:2px 10px;}

.archives-pagination{display:flex;justify-content:center;align-items:center;margin: 40px 0;}
.archives-pagination a,.archives-pagination span{display:block;width:42px;height:42px;border:solid 1px #002D72;line-height:42px;color:#002D72;text-align:center;text-decoration:none;font-weight:600;margin:0 7px;}
.archives-pagination a:hover,.archives-pagination .page__current{background:#002D72;color:#fff;}
.archives-pagination .pagination__prev,.archives-pagination .pagination__next{white-space:nowrap;text-indent:200%;position:relative;overflow:hidden;}
.archives-pagination .pagination__prev::before{content:"";width:12px;height:12px;border-top:solid 2px #002D72;border-left:solid 2px #002D72;transform:rotate(-45deg) translate(-50%,-50%);position:absolute;top:16px;left:26px;}
.archives-pagination .pagination__next::before{content:"";width:12px;height:12px;border-bottom:solid 2px #002D72;border-right:solid 2px #002D72;transform:rotate(-45deg) translate(-50%,-50%);position:absolute;top:16px;right:6px;}
.archives-pagination .pagination__prev:hover::before,
.archives-pagination .pagination__next:hover::before{border-color:#fff;}

#footer{margin-top:0;}